Group Class · 10–15 Peserta
Masterclass Reguler
Rp 999.000 4 sesi × 3 jam- Fokus dasar dan operasional Figma
- Teori UI/UX dan copywriting dasar
- Hasil akhir: 1 desain landing page
- Bonus UI Kit Dasar
- Group chat komunitas
Desain, Kreatif & Multimedia
Kursus UI/UX Design
Belajar dasar UI/UX design dengan Figma untuk membuat landing page yang jelas, mudah digunakan, dan siap dikembangkan. Cocok untuk pemula, pemilik bisnis, marketer, dan desainer yang ingin mulai dari struktur yang benar.
Terakhir diperbarui:
Apakah Kursus Ini Cocok untuk Saya?
Kursus UI/UX ini membahas dasar UI/UX design untuk landing page: dari memahami pengguna, menyusun kerangka halaman, sampai membuat desain dan prototype di Figma.
Gambaran, Tujuan & Ruang Lingkup Kursus
Banyak orang mengira UI dan UX adalah hal yang sama, padahal keduanya berbeda namun saling melengkapi. User Experience (UX) berfokus pada alur dan fungsi: bagaimana pengguna bergerak dari membuka halaman sampai melakukan tindakan, dan apakah navigasinya mudah dipahami. User Interface (UI) berfokus pada tampilan: warna, tipografi, ikon, dan tata letak.
Pada landing page, keduanya bekerja bersama untuk memandu pengunjung melakukan satu tindakan tertentu (Call to Action), misalnya mendaftar, menghubungi, atau membeli. Kursus ini melatih Anda membuat keputusan desain berdasarkan kebutuhan pengguna, bukan sekadar selera visual.
Yang Dibahas
- Dasar UX research untuk landing page
- Wireframing dan hierarki konten
- Visual design: warna, tipografi, grid
- Prototyping dan usability testing dasar
Batasan Ruang Lingkup
- Bukan kursus coding atau pengembangan web
- Bukan desain aplikasi mobile skala penuh
- Tidak menjanjikan hasil bisnis tertentu
💡
Tips Sebelum Mulai
Siapkan satu contoh nyata, misalnya bisnis Anda atau produk klien, sebagai bahan latihan. Belajar UI/UX terasa jauh lebih cepat ketika setiap konsep langsung diterapkan pada kasus yang Anda pahami.
Cocok untuk Siapa
🌱PERSONA 01
Pemula & Career Switcher
Baru mengenal UI/UX dan ingin belajar dari dasar dengan urutan yang jelas.
🏪PERSONA 02
Pemilik Bisnis & UMKM
Ingin memahami cara menyusun landing page agar pesan bisnis mudah dipahami pengunjung.
📣PERSONA 03
Digital Marketer & Content Creator
Membutuhkan landing page yang jelas untuk kampanye iklan dan konten.
🎨PERSONA 04
Desainer Grafis
Ingin beralih dari desain visual ke desain yang memikirkan alur dan perilaku pengguna.
💼PERSONA 05
Freelancer, Startup & Agensi
Perlu standar kerja desain landing page yang rapi dan mudah diserahkan ke developer.
🌐PERSONA 06
Umum
Siapa pun yang tertarik dengan topik UI/UX dan ingin memahami cara kerjanya.
Prasyarat Keterampilan
- Tidak perlu bisa coding.
- Tidak perlu pernah memakai Figma atau software desain sebelumnya.
- Mampu mengoperasikan laptop dan koneksi internet dasar.
- Memahami bisnis atau produk yang ingin dibuatkan landing page akan sangat membantu.
Kompetensi yang Dipelajari
🔍
Memahami Pengguna
Menyusun user persona, user journey, dan problem statement.
🧱
Menyusun Kerangka Halaman
Membuat wireframe low-fidelity dan hierarki judul serta isi.
🖌️
Mendesain Tampilan
Memilih warna, tipografi, dan grid yang terbaca di layar HP maupun desktop.
🖱️
Membuat Prototype
Merancang interaksi dan transisi sebelum diserahkan ke developer.
🧪
Menguji Desain
Melakukan usability testing sederhana untuk menemukan titik bingung pengguna.
🎯
Menyusun Landing Page Terarah
Merancang hero, benefit, social proof, CTA, dan FAQ dengan fungsi yang jelas.
Kursus ini membantu Anda membangun keterampilan dan hasil karya. Hasil di dunia kerja atau bisnis tetap bergantung pada latihan, konteks, dan kondisi masing-masing peserta.
Apa Saja Kurikulumnya?
Kurikulum Kursus UI/UX disusun berurutan: memahami pengguna, menyusun kerangka, mendesain tampilan, membuat prototype, lalu merangkai landing page yang terarah.
Ringkasan Modul dan Durasi
Terdapat 5 modul. Kedalaman tiap modul mengikuti paket yang dipilih: Masterclass Reguler 4 sesi × 3 jam (12 jam), Masterclass Privat 3 sesi × 3 jam (9 jam), dan Business Class Privat 4 sesi × 4 jam (16 jam).
Modul 1: Fondasi UX Research untuk Landing Page
Anda tidak mendesain untuk diri sendiri, melainkan untuk pengguna.
- Dasar UI dan UX serta perbedaannya
- User persona: menentukan siapa target audiens
- User journey: memetakan langkah pengguna dari awal sampai akhir
- Problem statement: masalah yang ingin diselesaikan landing page
Modul 2: Arsitektur Informasi dan Wireframing
Sebelum memberi warna, bangun kerangka halaman terlebih dahulu.
- Pengenalan workflow Figma dasar
- Wireframe low-fidelity: sketsa hitam putih untuk tata letak
- Copywriting hierarchy: menentukan headline yang paling menonjol
Modul 3: Visual Design (UI)
Tahap menerjemahkan kerangka menjadi tampilan yang konsisten dan nyaman dibaca.
- Teori warna dan pemilihan palet sesuai branding
- Tipografi yang mudah dibaca di HP dan desktop
- Grid system dan layout yang rapi serta responsif
- Advanced Auto Layout Privat & Business Class
Modul 4: Prototyping dan Usability Testing
Membuat desain interaktif sebelum diserahkan ke developer, lalu mengujinya.
- Interactions: animasi transisi dasar
- Usability testing: menguji desain pada pengguna nyata
- Interactive prototyping Privat & Business Class
- Review portofolio langsung Privat & Business Class
Modul 5: Strategi Landing Page yang Terarah
Landing page yang baik mengikuti struktur dengan fungsi yang jelas di setiap bagian.
| Elemen | Fungsi Utama |
|---|---|
| Hero Section | Menarik perhatian dengan headline yang jelas di tampilan pertama. |
| Social Proof | Membangun kepercayaan lewat testimoni atau logo klien yang dapat diverifikasi. |
| Benefit List | Menjawab pertanyaan “apa untungnya buat saya?” dengan poin yang jelas. |
| Call to Action | Memberi satu instruksi yang jelas kepada pengunjung. |
| FAQ | Menjawab keraguan calon pengguna secara proaktif. |
- UX psychology untuk konversi Business Class
- Strategi A/B testing Business Class
- Audit landing page Business Class
💡
Tips Memilih Cakupan
Jika baru pertama kali memakai Figma, mulailah dari Masterclass Reguler untuk fondasi. Jika sudah punya contoh proyek dan ingin hasil yang bisa masuk portofolio, paket privat memberi ruang review langsung.
Alat dan Software yang Dipelajari
🧩
Figma (Tool Utama)
Berbasis cloud dan kolaboratif, dipakai untuk wireframe, desain, dan prototype.
🌐
Webflow
Pengenalan alur mengubah desain menjadi halaman yang tayang tanpa coding.
| Kategori | Tools dan Resource Pendukung |
|---|---|
| Desain | Figma |
| Warna | Adobe Color, Coolors |
| Ikon | Flaticon, Phosphor Icons |
| Gambar | Unsplash, Pexels |
| Font | Google Fonts |
💡
Tips Memilih Tool
Fokus pada satu tool utama lebih efektif untuk pemula. Prinsip UI/UX berlaku di tool apa pun, jadi menguasai Figma dengan baik memudahkan Anda berpindah ke tool lain nanti.
Contoh Materi Praktik
👤
Persona dan Journey
Menyusun persona dan alur pengguna untuk satu bisnis contoh.
📐
Wireframe Landing Page
Membuat kerangka halaman dengan hierarki konten yang jelas.
🖼️
Desain Landing Page
Menerapkan warna, tipografi, dan grid pada versi desktop dan mobile.
🖱️
High-Fidelity Prototype
Menambahkan interaksi agar desain dapat dicoba seperti halaman sungguhan.
🧪
Usability Testing
Menguji desain pada orang lain dan mencatat bagian yang membingungkan.
📋
Review dan Audit
Meninjau landing page berdasarkan fungsi tiap elemen dan alur pengguna.
Unduh Silabus
Silabus berisi rincian modul, urutan materi, dan cakupan tiap paket. Jika tombol unduh belum tersedia, minta langsung melalui WhatsApp.
Bagaimana Cara dan Jadwal Belajarnya?
Kelas dilaksanakan secara tatap muka, baik offline maupun online, dengan praktik langsung di Figma.
Format dan Platform Belajar
🏢
Tatap Muka Offline
Di kantor Raya School, Jl. Condet Raya No. 4, Jakarta Timur, atau di kantor/domisili peserta di kota-kota di Indonesia, sesuai ketersediaan jadwal dan trainer.
💻
Tatap Muka Online
Kelas live bersama trainer dan dapat diikuti dari mana pun. Karena praktik dilakukan di laptop, format online berjalan baik untuk kursus ini.
💡
Catatan Kelas Offline di Luar Jakarta
Jika trainer dikirim dari kantor Raya School di Jakarta, ada kemungkinan tambahan biaya akomodasi. Tim kami akan menginformasikannya sebelum Anda memutuskan.
Masterclass RegulerGroup class 10–15 peserta
Masterclass Privat1-on-1 eksklusif
Business Class Privat1-on-1 plus konsultasi bisnis
PlatformFigma dan tools pendukung
Jadwal Kelas
Batch BerikutnyaDesember 2026
Tanggal PastiDikonfirmasi tim setelah Cek Jadwal
Durasi Reguler4 sesi × 3 jam
Durasi Privat / Business3 sesi × 3 jam / 4 sesi × 4 jam
Untuk kelas privat, hari dan jam belajar disepakati bersama trainer. Pendaftaran lebih awal memberi waktu bagi tim untuk menyiapkan kelas dan menyesuaikan trainer dengan kebutuhan Anda.
Persiapan Sebelum Kelas
- Siapkan laptop dan internet stabilFigma dapat dipakai melalui browser maupun aplikasi desktop.
- Buat akun Figma gratisAkun dasar sudah cukup untuk mengikuti materi pemula.
- Tentukan satu proyek latihanMisalnya landing page untuk bisnis atau produk yang Anda kenal.
- Kumpulkan 3 contoh landing pagePilih yang menurut Anda jelas dan yang membingungkan, lalu bawa ke kelas untuk dibahas.
Dukungan Belajar dan Tanya Jawab
👥
Masterclass Reguler
Group chat komunitas untuk diskusi dan berbagi hasil latihan.
⚡
Masterclass Privat
Prioritas tanya jawab selama 1 bulan setelah kelas.
🧭
Business Class Privat
Direct mentoring selama 3 bulan dan konsultasi pasca-kelas.
💡
Cara Belajar Lebih Efektif
Kerjakan satu desain kecil setiap selesai sesi, lalu minta pendapat satu orang yang belum pernah melihat proyek Anda. Umpan balik dari orang baru adalah bentuk usability testing paling sederhana.
Siapa Instrukturnya?
Kurikulum Kursus UI/UX disusun dan dijaga mutunya oleh Educator Kurikulum Raya School, dengan pendampingan tim trainer profesional di kelas.
Profil dan Pengalaman
Educator Kurikulum Kursus UI/UX
Wahyu Dian Purnomo
Founder dan Chief Educator Raya School. Berkarier di bidang teknologi informasi, pengembangan perangkat lunak, dan manajemen proyek sebelum mendirikan Wahyu Studio (2014) dan Raya School (2021). Ia belajar desain grafis dan pembuatan web secara mandiri, lalu membangun layanan digital marketing dan program pelatihan selama lebih dari satu dekade.
Pada Kursus UI/UX, perannya adalah menyusun dan meninjau kurikulum agar urutan materi logis, praktis, dan relevan dengan kebutuhan peserta.
- Adobe Certified Associate in Visual Design (Adobe Photoshop)
- Sertifikasi ClickMinded: Digital Marketing, Content Marketing, dan Email Marketing
- Pengalaman membangun website dan landing page untuk kebutuhan bisnis
🤝
Tim Trainer Profesional
Pelaksanaan kelas didampingi trainer profesional Raya School. Informasi trainer yang bertugas dapat diberikan sesuai ketersediaan jadwal dan trainer pada batch yang Anda pilih. Tanyakan melalui formulir Cek Jadwal atau WhatsApp.
Dokumentasi Praktik Mengajar
Dokumentasi kelas, cuplikan materi, dan video dari Raya School dapat dilihat langsung di kanal resmi kami.
▶️
Kanal YouTube Wahyu Dian Purnomo
Video pembelajaran dan sharing seputar digital marketing dan kreatif.
Kunjungi Kanal YouTube📸
Instagram Raya School
Dokumentasi kelas, kegiatan peserta, dan informasi batch terbaru.
Kunjungi Instagram💡
Cara Menilai Kualitas Kelas
Sebelum mendaftar, minta contoh materi atau cuplikan sesi dari tim kami. Pastikan gaya mengajar dan urutan materinya cocok dengan cara belajar Anda.
Berapa Biaya dan Apa Fasilitasnya?
Pilih paket sesuai tujuan belajar Anda. Pilihan Anda akan otomatis terisi di formulir Cek Jadwal Kelas.
Pilihan Paket
1-on-1 · Eksklusif
Masterclass Privat
Rp 1.999.000 3 sesi × 3 jam, intensif- Teknik visual dan 1 studi kasus
- Advanced Auto Layout dan interactive prototyping
- Hasil akhir: 1 high-fidelity prototype
- 50+ Premium Asset Library
- Prioritas tanya jawab 1 bulan
1-on-1 · Konsultasi Bisnis
Business Class Privat
Rp 3.999.000 4 sesi × 4 jam, deep dive- Landing page berorientasi konversi
- UX psychology, A/B testing, audit landing page
- Hasil akhir: 1 landing page siap diluncurkan
- Custom UI Framework dan konsultasi pasca-kelas
- Direct mentoring 3 bulan
💡
Cara Memilih Paket
Pilih Reguler untuk fondasi dengan biaya terjangkau, Privat jika ingin hasil karya dan umpan balik personal, dan Business Class jika landing page akan dipakai untuk kebutuhan bisnis. Ragu? Konsultasikan dulu lewat formulir di bawah.
Yang Sudah Termasuk
🎓
Sesi Kelas Live
Pendampingan trainer dan praktik langsung sesuai jumlah sesi paket.
🗂️
Materi dan Resource
Materi kelas serta resource pendukung sesuai paket yang dipilih.
📜
Sertifikat Penyelesaian
Diberikan kepada peserta yang memenuhi ketentuan program.
Yang Belum Termasuk
- Laptop dan koneksi internet peserta
- Akun atau lisensi software berbayar, jika Anda memilih memakai fitur berbayar
- Kemungkinan biaya akomodasi trainer untuk kelas offline di luar Jakarta
Metode Pembayaran
Pembayaran dikonfirmasi oleh tim administrasi Raya School setelah Anda menentukan paket dan jadwal. Metode yang tersedia akan disampaikan bersama detail pembayaran.
💡
Tips Pembayaran Aman
Lakukan pembayaran hanya setelah menerima konfirmasi tertulis tentang paket, jadwal, dan ketentuan kelas dari tim resmi Raya School.
Sertifikat Apa yang Didapat?
Jenis Sertifikat
🎓
Sertifikat Penyelesaian Raya School
Menunjukkan bahwa Anda telah menyelesaikan Kursus UI/UX Raya School sesuai ketentuan program.
ℹ️
Bukan Sertifikasi Resmi
Sertifikat ini bukan sertifikasi kompetensi dari Figma, Adobe, atau lembaga sertifikasi lain.
💡
Perkuat dengan Portofolio
Di bidang desain, hasil karya biasanya lebih meyakinkan daripada sertifikat saja. Lampirkan sertifikat bersama studi kasus dan prototype Anda saat melamar kerja atau menawarkan jasa.
Syarat Memperoleh Sertifikat
- Mengikuti seluruh sesi sesuai paket yang dipilih
- Mengerjakan tugas praktik dan hasil akhir paket
- Menyelesaikan administrasi pendaftaran
Apa Kata Alumni?
Testimoni Peserta
Pengalaman peserta dan dokumentasi kelas Raya School dipublikasikan di kanal resmi kami agar dapat Anda tinjau langsung.
▶️
Video Dokumentasi dan Testimoni
Tonton cuplikan kelas dan sharing dari peserta di kanal YouTube.
Lihat di YouTube💬
Cerita Peserta di Instagram
Lihat dokumentasi kegiatan dan testimoni terbaru dari Raya School.
Lihat di Instagram💡
Cara Menilai Testimoni
Testimoni yang berguna menyebut apa yang dipelajari, bagaimana prosesnya, dan hasil nyata yang dibuat. Minta contoh seperti itu dari tim kami sebelum mendaftar.
Hasil Karya dan Studi Kasus
🖼️
Masterclass Reguler
1 desain landing page.
🖱️
Masterclass Privat
1 high-fidelity prototype dan 1 studi kasus.
🚀
Business Class Privat
1 landing page siap diluncurkan.
💡
Format Studi Kasus yang Kuat
Tulis masalah pengguna, keputusan desain yang Anda ambil, dan alasannya. Studi kasus yang menjelaskan proses berpikir lebih dihargai daripada gambar akhir saja.
Bagaimana Cara Mendaftar dan Apa Ketentuannya?
Langkah Pendaftaran
- Pilih paketTentukan Masterclass Reguler, Masterclass Privat, atau Business Class Privat.
- Isi formulir Cek JadwalCukup nama, email, paket, dan rencana mulai belajar. Kolom lain opsional.
- Konfirmasi via WhatsAppTim kami membantu mengecek jadwal, trainer, format kelas, dan biaya.
- Selesaikan pembayaranLakukan pembayaran setelah detail paket dan jadwal Anda setujui.
- Mulai belajarIkuti kelas sesuai jadwal yang disepakati.
Garansi dan Pengembalian Dana
Ketentuan garansi dan pengembalian dana disampaikan oleh tim administrasi sebelum pembayaran dan berlaku sesuai paket yang dipilih.
💡
Minta Ketentuan Tertulis
Sebelum membayar program apa pun, pastikan Anda memegang ketentuan refund, reschedule, dan perubahan jadwal secara tertulis.
Ketentuan Kelas
- Jadwal kelas disepakati bersama dan dapat disesuaikan dengan ketersediaan trainer.
- Kelas offline dilaksanakan di kantor Raya School atau lokasi peserta di kota-kota di Indonesia, dengan kemungkinan biaya akomodasi trainer.
- Kelas online dapat diikuti dari mana saja dengan perangkat dan koneksi yang memadai.
- Peserta membawa laptop sendiri untuk praktik.
FAQ (Pertanyaan yang Sering Diajukan)
Seputar Materi dan Belajar
Apakah saya perlu bisa coding untuk ikut kursus UI/UX?
Tidak. Kursus ini membahas desain dan alur pengguna di Figma, bukan pemrograman. Anda juga tidak perlu pernah memakai Figma sebelumnya.
Apa perbedaan UI dan UX?
UX berfokus pada alur dan kemudahan penggunaan, sedangkan UI berfokus pada tampilan seperti warna, tipografi, dan tata letak. Keduanya dipelajari bersama di kursus ini.
Apakah kursus ini hanya membahas landing page?
Fokus utamanya adalah landing page. Prinsip yang dipelajari, seperti persona, wireframe, hierarki visual, dan usability testing, juga dapat diterapkan pada desain digital lainnya.
Software apa yang digunakan?
Tool utamanya adalah Figma, dengan pengenalan Webflow serta resource pendukung seperti Adobe Color, Coolors, dan Google Fonts.
Apakah kelas bisa diikuti secara online?
Bisa. Kelas tatap muka online dapat diikuti dari mana saja, sedangkan kelas offline tersedia di kantor Raya School atau lokasi peserta sesuai ketersediaan jadwal dan trainer.
Apakah saya mendapat hasil karya setelah kursus?
Ya. Hasil akhirnya berupa 1 desain landing page (Reguler), 1 high-fidelity prototype dan studi kasus (Privat), atau 1 landing page siap diluncurkan (Business Class).
Seputar Biaya dan Pendaftaran
Berapa biaya kursus UI/UX di Raya School?
Masterclass Reguler Rp 999.000 (4 sesi × 3 jam), Masterclass Privat Rp 1.999.000 (3 sesi × 3 jam), dan Business Class Privat Rp 3.999.000 (4 sesi × 4 jam).
Kapan batch berikutnya dimulai?
Batch berikutnya dijadwalkan Desember 2026. Tanggal pastinya dikonfirmasi tim setelah Anda mengisi formulir Cek Jadwal.
Apakah ada biaya tambahan untuk kelas offline?
Untuk kelas di luar Jakarta, ada kemungkinan biaya akomodasi trainer jika trainer dikirim dari kantor Raya School. Informasinya disampaikan sebelum Anda memutuskan.
Bagaimana cara mendaftar?
Isi formulir Cek Jadwal di halaman ini, lalu lanjutkan konfirmasi melalui WhatsApp dengan tim kami.
Apakah ada sertifikat?
Ada sertifikat penyelesaian dari Raya School bagi peserta yang memenuhi ketentuan program. Sertifikat ini bukan sertifikasi resmi dari lembaga lain.
Cek Jadwal Kelas & Sampaikan Kebutuhan Belajar Anda
Isi 4 kolom wajib, lalu lanjutkan ke WhatsApp. Tim kami akan membantu mengecek jadwal, trainer, dan format kelas.