Raya School · Desain Web
Belajar UI/UX design dari dasar untuk merancang landing page yang jelas dan mudah digunakan: riset pengguna, wireframe, desain visual di Figma, prototype, hingga final project yang bisa masuk portofolio. Tersedia online maupun tatap muka.
Landing page yang baik membuat pengunjung langsung paham apa yang ditawarkan dan apa langkah berikutnya. Kursus ini melatih Anda merancang satu halaman seperti itu, mulai dari menentukan audiens dan pesan utama sampai menghasilkan desain yang siap diserahkan ke developer.
Anda belajar UI/UX design secara berurutan: riset singkat tentang pengguna, kerangka halaman (wireframe), desain visual di Figma, desain responsif untuk layar HP dan desktop, lalu prototype dan final project berupa landing page untuk produk atau jasa pilihan Anda.
Fokus pada alur dan kemudahan: bagaimana pengunjung bergerak dari membaca halaman sampai mengambil tindakan, dan apakah navigasinya terasa wajar.
Fokus pada tampilan: pemilihan warna, tipografi, ikon, gambar, dan tata letak yang rapi serta mudah dibaca di berbagai ukuran layar.
Ruang lingkupnya adalah desain landing page, bukan pemrograman. Anda tidak diajarkan menulis kode, tetapi menyiapkan desain dan struktur yang jelas sehingga lebih mudah diimplementasikan oleh developer atau di page builder.
Siapkan satu produk, jasa, atau program nyata (milik sendiri, klien, atau fiktif) untuk final project. Dengan objek yang konkret, setiap modul langsung bisa Anda terapkan dan hasil akhirnya lebih layak masuk portofolio.
Baru mengenal UI/UX dan ingin memulai dari dasar tanpa harus bisa coding.
Ingin memahami cara menyusun halaman penawaran sendiri atau memberi brief yang jelas kepada desainer.
Ingin menyusun pesan, urutan informasi, dan tombol ajakan (CTA) agar pengunjung halaman tahu langkah berikutnya.
Ingin menambah layanan desain landing page dan menyusun case study untuk portofolio.
Ingin memahami logika grid, hierarki, dan responsivitas agar halaman yang dibangun lebih rapi.
Siapa saja yang tertarik memahami UI/UX dan cara kerja desain landing page.
Materi berfokus pada desain dan strategi halaman, bukan pemrograman.
Figma berjalan berbasis cloud, sehingga Anda membutuhkan laptop dan koneksi internet yang cukup stabil.
Modul 5 meminta Anda membuat landing page untuk produk atau jasa, misalnya kursus online, SaaS, atau toko online.
Buat akun Figma sebelum kelas pertama dan kumpulkan 3–5 landing page yang menurut Anda mudah dipahami. Contoh nyata membantu diskusi dan latihan analisis pada sesi awal.
Merumuskan audiens, masalah yang diselesaikan, dan unique selling point sebagai arah desain.
Mengurutkan pesan dengan pola AIDA dan menempatkan CTA secara strategis.
Dari sketsa tangan, wireframe low-fidelity, hingga mid-fidelity digital di Figma.
Memilih palet warna, pasangan font, ikon, dan gambar yang konsisten serta terbaca jelas.
Mengubah layout desktop ke mobile, memakai Auto Layout, dan membuat prototype dasar.
Mempresentasikan keputusan desain dan menyusun case study yang menjelaskan alasan di baliknya.
Kurikulum disusun dalam 5 modul yang berjalan dari memahami tujuan halaman, membuat kerangka, mendesain tampilan, menguji responsivitas, hingga menyelesaikan final project.
Memahami strategi di balik landing page sebelum membuka software.
Membangun kerangka desain tanpa terdistraksi warna.
Memberi tampilan visual pada kerangka yang sudah dibuat.
Memastikan desain berfungsi baik di berbagai perangkat.
Mempraktikkan seluruh materi dalam satu karya nyata.
| Paket | Total durasi | Format |
|---|---|---|
| Masterclass Reguler | 4 sesi × 3 jam (12 jam) | Group class 10–15 orang |
| Masterclass Privat | 3 sesi × 3 jam (9 jam) | Privat 1-on-1, intensif |
| Business Class Privat | 4 sesi × 4 jam (16 jam) | Privat 1-on-1 dengan konsultasi bisnis |
Kedalaman setiap modul menyesuaikan paket. Paket Reguler menekankan dasar dan alur kerja Figma, paket Privat menambah prototype interaktif dan review portofolio, sedangkan Business Class menambah psikologi konversi, strategi A/B testing, dan audit landing page.
Figma menjadi alat utama karena berbasis cloud dan memudahkan kolaborasi. Tool pendukung berikut membantu Anda mencari warna, ikon, gambar, dan font tanpa keluar dari alur kerja.
| Kategori | Tool yang digunakan |
|---|---|
| Design tool | Figma (utama) |
| Warna | Adobe Color, Coolors |
| Ikon | Flaticon, Phosphor Icons |
| Gambar | Unsplash, Pexels |
| Font | Google Fonts |
Periksa lisensi setiap gambar, ikon, dan font sebelum dipakai untuk proyek komersial. Mencatat sumber aset di file Figma juga mempermudah serah terima ke klien atau developer.
Mulai dari sketsa tangan, lalu dirapikan menjadi wireframe hitam-putih dengan jarak dan proporsi yang masuk akal.
Menyusun hero, social proof, daftar manfaat, CTA, dan FAQ dengan visual yang konsisten.
Mengubah layout ke tampilan mobile, memakai Auto Layout, dan menambahkan interaksi hover serta scroll.
Landing page untuk produk atau jasa pilihan Anda, lengkap dengan penjelasan keputusan desain.
Anatomi landing page yang dipelajari berfokus pada elemen berikut dan fungsi masing-masing.
| Elemen landing page | Fungsi utama |
|---|---|
| Hero section | Menyampaikan penawaran utama lewat headline yang jelas dalam beberapa detik pertama. |
| Social proof | Membangun kepercayaan lewat testimoni, logo klien, atau data pencapaian yang dapat diverifikasi. |
| Benefit list | Menjawab pertanyaan “apa manfaatnya bagi saya” dengan poin yang spesifik. |
| Call to action (CTA) | Memberi satu instruksi tindakan yang jelas kepada pengunjung. |
| FAQ | Menjawab keraguan umum sebelum pengunjung bertanya. |
Silabus berisi ringkasan modul, paket, dan ketentuan belajar. Anda dapat meminta silabus terbaru melalui WhatsApp.
Anda dapat memilih belajar online secara live dari mana saja, atau tatap muka offline sesuai kebutuhan dan ketersediaan jadwal serta trainer.
Kelas live bersama trainer melalui video conference, dapat diikuti dari kota mana pun di Indonesia.
Belajar langsung di kantor Raya School, Jakarta Timur, dengan praktik di laptop Anda.
Kelas dapat dilaksanakan di kantor atau tempat domisili peserta di kota-kota di Indonesia, sesuai ketersediaan trainer.
Untuk kelas offline di luar Jakarta, dapat ada tambahan biaya akomodasi tim trainer jika trainer dikirim dari kantor Raya School di Jakarta. Admin akan menginformasikan rinciannya saat konfirmasi jadwal.
Awal Desember 2026
Tanggal pasti dikonfirmasi admin setelah Anda memilih paket.
Reguler 4 sesi × 3 jam, Privat 3 sesi × 3 jam, Business Class 4 sesi × 4 jam.
Disepakati dengan admin berdasarkan ketersediaan peserta dan trainer, terutama untuk paket privat.
Kirim permintaan jadwal setidaknya dua hingga empat minggu sebelum tanggal mulai yang Anda inginkan. Waktu persiapan itu membantu menyesuaikan trainer, ruang kelas, dan materi dengan kebutuhan Anda.
| Paket | Dukungan belajar |
|---|---|
| Masterclass Reguler | Group chat komunitas peserta |
| Masterclass Privat | Tanya jawab prioritas selama 1 bulan |
| Business Class Privat | Mentoring langsung selama 3 bulan dan konsultasi pasca-kelas |
Pertanyaan tentang jadwal, paket, atau kebutuhan khusus bisa disampaikan melalui WhatsApp atau lewat formulir Cek Jadwal di bagian bawah halaman.
Founder dan Chief Educator Raya School. Beliau memimpin penyusunan standar kurikulum dan kualifikasi instruktur di seluruh program Raya School, termasuk memastikan kurikulum melalui tinjauan mutu sebelum sampai ke peserta.
Berkarier sejak 2007 di bidang IT dan pengembangan perangkat lunak, lalu manajemen proyek, sebelum mendirikan Wahyu Studio (2014) dan Raya School (2021). Beliau mempelajari desain grafis dan pembuatan web secara mandiri, sehingga memahami jembatan antara desain dan implementasi.
Sesi kelas dipandu oleh tim trainer profesional Raya School. Informasi trainer yang bertugas dapat diberikan oleh admin sesuai ketersediaan jadwal dan trainer pada batch yang Anda pilih.
Saat konsultasi, sampaikan tujuan belajar dan tingkat pengalaman Anda. Informasi itu membantu admin mencocokkan Anda dengan trainer dan format kelas yang paling sesuai.
Dokumentasi berikut menunjukkan praktik pelatihan Raya School. Klik gambar untuk memperbesar.
Pilih paket sesuai tujuan belajar Anda, lalu lanjutkan ke formulir Cek Jadwal untuk memeriksa ketersediaan kelas dan berkonsultasi.
Dasar dan alur kerja operasional
Rp 999.000Keterampilan visual dan portofolio
Rp 1.999.000Konversi dan kebutuhan bisnis
Rp 3.999.000Pilih Reguler jika Anda baru mulai dan ingin menguasai dasar Figma. Pilih Privat jika membutuhkan prototype interaktif dan review portofolio. Pilih Business Class jika landing page akan dipakai untuk kebutuhan bisnis dan perlu strategi konversi.
Materi sesuai paket, latihan praktik, dan final project landing page.
UI Kit Dasar, 50+ asset library, atau custom UI framework sesuai paket yang dipilih.
Group chat komunitas, tanya jawab prioritas, atau mentoring langsung sesuai paket.
Pembayaran dilakukan melalui transfer Bank Mandiri atas nama PT Wahyu Andalan Persada. Admin mengirimkan detail rekening dan instruksi pembayaran setelah jadwal dan paket Anda dikonfirmasi.
Lakukan pembayaran hanya ke rekening atas nama PT Wahyu Andalan Persada yang dikirim admin resmi Raya School, dan simpan bukti transfer sampai kelas dimulai.
Peserta yang menyelesaikan program memperoleh Sertifikat Penyelesaian dari Raya School sebagai bukti telah mengikuti dan menyelesaikan pelatihan.
Sertifikat ini adalah bukti penyelesaian pelatihan, bukan sertifikasi profesi atau lisensi resmi. Nilai praktisnya akan lebih kuat bila disertai portofolio, karena perekrut dan klien biasanya menilai kemampuan desain dari hasil karya.
Cantumkan sertifikat bersama link case study di LinkedIn, Behance, atau Dribbble. Tuliskan juga tool yang Anda pakai dan peran Anda pada proyek agar mudah dinilai.
Cara terbaik menilai kursus adalah melihat hasil karya dan berbicara langsung dengan penyelenggara. Anda dapat memeriksa dokumentasi pelatihan Raya School dan menanyakan contoh hasil peserta sebelum memutuskan paket.
Utamakan testimoni yang menyebut materi, tool, dan hasil karya yang spesifik. Minta contoh output peserta atau studi kasus, dan cocokkan dengan paket yang akan Anda ambil.
Setiap paket menghasilkan karya yang berbeda. Hasil ini menjadi bahan utama case study portofolio Anda.
Hasil akhir Masterclass Reguler: desain landing page lengkap dengan hierarki dan CTA.
Hasil akhir Masterclass Privat: prototype interaktif dan satu case study.
Hasil akhir Business Class Privat: landing page yang siap diserahkan atau diluncurkan.
Case study yang baik menjawab empat hal: masalah yang ingin diselesaikan, riset singkat tentang pengguna, keputusan desain beserta alasannya, dan hasil iterasi setelah diuji. Pola ini dilatih pada Modul 5.
Ketentuan pengembalian dana dan penjadwalan ulang dapat berbeda antara kelas online dan offline, dan dijelaskan admin sebelum pembayaran dilakukan.
Minta ketentuan pengembalian dana, penjadwalan ulang, dan kebijakan ketidakhadiran secara tertulis melalui WhatsApp atau email, lalu simpan sebagai arsip Anda.
Ya. Kursus ini dirancang dari dasar, mulai dari memahami perbedaan UI dan UX, membuat wireframe, hingga mendesain landing page di Figma. Tidak diperlukan pengalaman desain sebelumnya.
Tidak. Materi berfokus pada desain dan strategi halaman. Hasil desain disiapkan agar mudah diimplementasikan oleh developer atau di page builder.
Figma sebagai alat utama, dengan dukungan Adobe Color, Coolors, Flaticon, Phosphor Icons, Unsplash, Pexels, dan Google Fonts untuk warna, ikon, gambar, dan font.
Figma menyediakan paket gratis yang umumnya cukup untuk belajar. Fitur dan batasan paket dapat berubah, jadi periksa halaman resmi Figma sebelum kelas dimulai.
Hasil akhir tergantung paket: 1 desain landing page (Reguler), 1 high-fidelity prototype (Privat), atau 1 landing page siap diluncurkan (Business Class Privat).
UX berkaitan dengan alur dan kemudahan penggunaan, sedangkan UI berkaitan dengan tampilan visual seperti warna, tipografi, ikon, dan layout. Keduanya dilatih bersama pada landing page.
Bisa. Kelas online dapat diikuti dari mana saja. Kelas offline dapat dilaksanakan di kantor Raya School atau di lokasi peserta, sesuai ketersediaan jadwal dan trainer.
Tidak ada jaminan hasil karier atau pendapatan. Kursus ini membekali keterampilan dan satu karya portofolio; hasil selanjutnya bergantung pada latihan dan usaha Anda.
Masterclass Reguler Rp 999.000, Masterclass Privat Rp 1.999.000, dan Business Class Privat Rp 3.999.000. Kebutuhan khusus dapat dikonsultasikan dengan admin.
Reguler 4 sesi × 3 jam (12 jam), Privat 3 sesi × 3 jam (9 jam), dan Business Class Privat 4 sesi × 4 jam (16 jam).
Perkiraan mulai batch berikutnya dapat dilihat pada bagian Jadwal Kelas. Tanggal pasti dikonfirmasi admin setelah Anda memilih paket.
Untuk kelas offline di luar Jakarta, dapat ada tambahan biaya akomodasi tim trainer jika trainer dikirim dari kantor Raya School di Jakarta. Admin akan menginformasikannya sebelum Anda membayar.
Isi formulir Cek Jadwal Kelas, lalu lanjutkan konsultasi melalui WhatsApp. Setelah jadwal dikonfirmasi, admin mengirimkan instruksi pembayaran.
Peserta yang memenuhi ketentuan program memperoleh Sertifikat Penyelesaian Raya School. Sertifikat ini adalah bukti penyelesaian pelatihan, bukan sertifikasi profesi resmi.
Pilih paket, isi data singkat, dan admin akan membantu memeriksa jadwal serta trainer yang tersedia.