Belum tahu apa itu UI/UX Design? Mulai dari sini: Apa Itu UI/UX Design? Panduan Karir Lengkap untuk Pemula yang Ingin Masuk Industri Teknologi
Belum punya tools? Pilih dulu: Figma vs Adobe XD vs Sketch: Mana yang Terbaik untuk Pemula?
Siap bikin portofolio? Baca: Cara Membuat Portofolio UI/UX Design dari Nol
[ruangkosong.net] Banyak orang yang ingin belajar UI/UX Design tapi terjebak di satu tempat: kebanyakan informasi, tapi tidak tahu harus mulai dari mana dan melangkah ke mana. Hasilnya? Belajar sebentar, bosan, berhenti — lalu menyesal.
Masalahnya bukan pada semangat. Masalahnya adalah tidak punya peta jalan yang jelas.
Artikel ini adalah peta jalan itu. Roadmap belajar UI/UX Design yang realistis, terstruktur per bulan, dilengkapi sumber belajar yang bisa langsung diakses — banyak di antaranya gratis. Jika kamu ikuti dengan konsisten, dalam 6 bulan kamu akan punya skill, portofolio, dan kepercayaan diri untuk melamar pekerjaan pertamamu sebagai UI/UX Designer.
Sebelum Mulai: Mindset yang Harus Dimiliki
Sebelum masuk ke roadmap, ada beberapa hal penting yang perlu diluruskan:
✅ Kamu tidak perlu bakat seni khusus
UI/UX Design lebih tentang problem solving dan empati terhadap pengguna daripada kemampuan menggambar. Banyak designer terbaik Indonesia tidak pernah ikut les seni sehari pun.
✅ Background pendidikan tidak menentukan
Lulusan hukum, ekonomi, komunikasi, bahkan teknik pertanian pun bisa sukses jadi UI/UX Designer. Yang menentukan adalah portofolio dan kemampuan berpikir.
✅ Progress > Perfection
Desain pertamamu akan jelek. Desain keduamu akan lebih bagus. Desain ke-50-mu akan membuat kamu bangga. Konsistensi adalah kunci, bukan sempurna dari awal.
✅ 6 bulan adalah target yang realistis — bukan sulap
Roadmap ini dirancang untuk orang yang bisa meluangkan 1–2 jam per hari secara konsisten. Jika lebih dari itu, kamu bisa lebih cepat. Jika kurang, mungkin butuh sedikit lebih lama.
Gambaran Besar Roadmap 6 Bulan
Sebelum masuk detail, ini peta besar perjalanan yang akan kamu tempuh:
BULAN 1 — Fondasi: Pahami Konsep & Kenali Tools
Tujuan: Paham perbedaan UI dan UX, familiar dengan Figma, dan mulai berpikir seperti seorang designer.
Yang Harus Dipelajari:
- Apa itu UI vs UX (perbedaan, peran, dan hubungannya)
- Prinsip dasar desain: tipografi, warna, kontras, whitespace, hierarki visual
- Pengenalan Figma: antarmuka, toolbar, frame, layer, komponen dasar
- Konsep dasar UX: user persona, empathy map, user journey
Sumber Belajar:
| Sumber | Platform | Harga |
|---|---|---|
| Google UX Design Certificate | Coursera | Gratis (audit) |
| Intro to UI/UX Design — CareerFoundry | Blog | Gratis |
| Tutorial Figma bahasa Indonesia | YouTube | Gratis |
| “The Design of Everyday Things” (buku) | Perpustakaan / PDF | Gratis |
Milestone Bulan 1:
- [ ] Bisa menjelaskan perbedaan UI dan UX kepada orang awam
- [ ] Sudah membuat akun Figma dan mencoba fitur dasar
- [ ] Selesai menonton minimal 5 jam tutorial Figma
- [ ] Membuat satu halaman desain sederhana di Figma (boleh tiruan aplikasi yang ada)
BULAN 2 — UX Dasar: Riset, Wireframe & User Flow
Tujuan: Mampu melakukan riset pengguna sederhana, membuat wireframe, dan merancang alur pengguna.
Yang Harus Dipelajari:
- Metode UX Research dasar: user interview, survei, competitive analysis
- Cara membuat user persona yang realistis
- User flow dan sitemap: bagaimana merancang alur penggunaan yang logis
- Wireframing: dari sketsa tangan ke wireframe digital di Figma
- Prinsip dasar: Gestalt, Hick’s Law, Fitts’s Law (tidak perlu hafal, cukup pahami aplikasinya)
Sumber Belajar:
| Sumber | Platform | Harga |
|---|---|---|
| UX Research Methods — Nielsen Norman Group | Blog | Gratis |
| Interaction Design Foundation | Website | Gratis (30 hari trial) |
| “Don’t Make Me Think” (buku Steve Krug) | Perpustakaan / PDF | Gratis |
| Wireframing tutorial di YouTube | YouTube | Gratis |
Milestone Bulan 2:
- [ ] Melakukan minimal 3 user interview sederhana kepada teman/keluarga
- [ ] Membuat user persona berdasarkan hasil interview
- [ ] Membuat wireframe lengkap (minimal 5 layar) untuk sebuah aplikasi fiktif
- [ ] Bisa menjelaskan keputusan desain di balik wireframe yang dibuat
BULAN 3 — UI Dasar: Visual Design & Sistem Komponen
Tujuan: Mampu membuat desain visual yang konsisten, rapi, dan memiliki identitas yang kuat.
Yang Harus Dipelajari:
- Color theory: cara memilih dan mengkombinasikan warna
- Tipografi: memilih font, mengatur ukuran, berat, dan spasi
- Grid system dan layout: cara menyusun elemen agar rapi dan responsif
- Komponen di Figma: button, form, navbar, card, modal
- Auto Layout di Figma: cara membuat desain yang responsif dan dinamis
- Design system dasar: konsistensi warna, tipografi, dan komponen
Sumber Belajar:
| Sumber | Platform | Harga |
|---|---|---|
| Figma UI Kit Community | Figma Community | Gratis |
| Refactoring UI (buku/panduan) | Refactoringui.com | Berbayar (worth it) |
| UI Design tutorial | YouTube (Mizko, DesignCourse) | Gratis |
| Mobbin.com — referensi desain aplikasi nyata | Website | Gratis (terbatas) |
Milestone Bulan 3:
- [ ] Membuat design system mini: palet warna, tipografi, dan 10+ komponen dasar
- [ ] Redesain 3 layar aplikasi yang sudah ada dengan mengikuti prinsip yang dipelajari
- [ ] Membuat prototipe interaktif sederhana (klik tombol → pindah halaman)
- [ ] Aktif mencari inspirasi di Dribbble dan Behance setiap hari
BULAN 4 — Proyek Pertama: Case Study Nyata
Tujuan: Mengerjakan satu proyek desain lengkap dari riset hingga prototipe final yang bisa masuk portofolio.
Langkah-Langkah Proyek:
Minggu 1: Tentukan proyek (redesain aplikasi atau aplikasi fiktif), lakukan riset pengguna
Minggu 2: Buat user persona, user flow, dan wireframe lengkap
Minggu 3: Kembangkan ke high-fidelity design dengan design system konsisten
Minggu 4: Buat prototipe interaktif, lakukan user testing sederhana, revisi
💡 Tips: Pilih proyek yang benar-benar kamu pahami masalahnya. Misalnya: jika kamu sering pesan makanan online dan sering frustrasi dengan tampilannya — itulah proyek yang tepat. Passion dan pemahaman mendalam akan terlihat jelas di case study-mu.
Milestone Bulan 4:
- [ ] Selesai mengerjakan satu proyek desain lengkap (riset → prototipe)
- [ ] Punya minimal 20 screen desain berkualitas
- [ ] Melakukan minimal 2–3 sesi user testing dengan orang nyata
- [ ] Dokumentasi semua proses dalam bentuk catatan untuk case study
BULAN 5 — Portofolio: Bangun & Sempurnakan
Tujuan: Menyusun case study proyek pertama, membangun portofolio online, dan mulai membangun kehadiran digital.
Yang Harus Dilakukan:
- Tulis case study lengkap dari proyek bulan 4 (gunakan struktur: Problem → Research → Wireframe → UI Final → Hasil)
- Buat akun Behance atau setup Notion sebagai portofolio online
- Update profil LinkedIn: foto profesional, headline yang tepat, bagian “Featured” untuk portofolio
- Mulai terhubung dengan designer Indonesia di LinkedIn dan komunitas Telegram/Discord
- Jika memungkinkan, kerjakan satu proyek kedua (pro bono untuk UMKM/komunitas)
Portofolio yang baik tidak hanya menampilkan hasil desain, tetapi juga menjelaskan prosesnya: masalah yang ingin diselesaikan, riset pengguna yang dilakukan, ide solusi, wireframe, hingga hasil akhir desain.
Sumber Belajar:
| Sumber | Platform | Harga |
|---|---|---|
| Contoh case study UX terbaik | Medium (UX Collective) | Gratis |
| Tutorial membuat website portofolio | YouTube | Gratis |
| Panduan LinkedIn untuk designer | LinkedIn Learning | Gratis (trial) |
Milestone Bulan 5:
- [ ] Case study pertama sudah dipublikasikan di Behance/Notion
- [ ] Profil LinkedIn sudah diperbarui dan menampilkan portofolio
- [ ] Sudah terhubung dengan minimal 50 orang di industri desain
- [ ] Mendapat minimal 3 feedback dari designer lain tentang portofolio
BULAN 6 — Job Hunt: Lamar, Networking & Negosiasi
Tujuan: Aktif melamar pekerjaan, mempersiapkan interview, dan mendapatkan tawaran pertama.
Strategi Mencari Kerja UI/UX di Indonesia:
Platform yang Efektif:
- LinkedIn Jobs — filter “UI/UX Designer” + “Remote” atau kota kamu
- Glints, Kalibrr, dan JobStreet — banyak lowongan startup Indonesia
- Komunitas Telegram/Discord desainer Indonesia — sering ada info loker tersembunyi
- Langsung kontak perusahaan impianmu di LinkedIn
Persiapan Interview:
- Latihan presentasi portfolio: ceritakan case study-mu dalam 5 menit
- Siapkan jawaban untuk pertanyaan umum: “Ceritakan tentang proses desainmu”, “Bagaimana kamu menghadapi feedback negatif?”
- Pelajari produk perusahaan yang akan kamu interview — tunjukkan bahwa kamu peduli
Tentang Gaji:
Jangan ragu bernegosiasi. Berdasarkan data 2026, junior UI/UX Designer di Indonesia rata-rata mendapat Rp5–10 juta per bulan. Jika kamu punya portofolio yang kuat, jangan mau dibayar di bawah range ini.
Milestone Bulan 6:
- [ ] Sudah melamar minimal 10–15 posisi
- [ ] Minimal 2–3 tahapan interview sudah dijalani
- [ ] Aktif networking di minimal 1 komunitas desainer Indonesia
Komunitas UI/UX Indonesia yang Wajib Kamu Ikuti
Belajar tidak harus sendirian. Bergabung dengan komunitas adalah cara terbaik untuk mendapat mentor, info loker, dan teman belajar:
| Komunitas | Platform | Konten Utama |
|---|---|---|
| UX Indonesia | Telegram / Discord | Diskusi, job posting, sharing |
| Figma Indonesia Community | Facebook / Discord | Tutorial, feedback desain |
| UI/UX Indonesia | LinkedIn Group | Artikel, lowongan kerja |
| Komunitas Sanbercode | Discord | Bootcamp, sharing session |
| BuildWithAngga Community | Discord | Tutorial, proyek latihan |
Sumber Belajar Gratis Terbaik untuk Perjalanan 6 Bulan
Merangkum semua sumber belajar terbaik yang bisa kamu akses tanpa biaya besar:
Video & Kursus:
- Google UX Design Certificate (Coursera) — bisa diaudit gratis
- YouTube: Mizko, DesignCourse, Angga Risky (konten Indonesia)
- Figma Official Tutorials — langsung di website Figma
Baca & Artikel:
- Nielsen Norman Group (nngroup.com) — referensi UX terpercaya
- UX Collective (uxdesign.cc) — artikel praktis dari designer dunia
- Interaction Design Foundation — panduan lengkap UX dari A–Z
Inspirasi Desain:
- Dribbble & Behance — referensi visual UI
- Mobbin — koleksi screenshot desain aplikasi nyata
- Awwwards — referensi desain web terbaik dunia
Apa yang Terjadi Setelah 6 Bulan?
Jika kamu mengikuti roadmap ini dengan konsisten, di akhir bulan ke-6 kamu akan memiliki:
✅ Pemahaman solid tentang prinsip UI dan UX
✅ Kemampuan menggunakan Figma untuk desain dan prototyping
✅ 1–2 case study berkualitas di portofolio online
✅ Profil LinkedIn yang menarik dan jaringan industri yang mulai terbentuk
✅ Kepercayaan diri untuk melamar posisi junior designer
Tidak ada jaminan kamu langsung diterima kerja di bulan ke-6 — industri memiliki dinamikanya sendiri. Tapi kamu akan berada di posisi yang jauh lebih siap dibanding 95% orang yang bilang “saya mau belajar UI/UX” tapi tidak pernah mulai.
Satu Langkah untuk Dimulai Sekarang
Jangan simpan artikel ini untuk “nanti” — mulai hari ini dengan satu hal:
Buka figma.com → daftar akun gratis → buat file baru → dan desain apapun yang ada di pikiranmu.
Itu saja. Langkah pertama selesai. Besok, lanjutkan ke langkah kedua. Dan seterusnya selama 6 bulan.
Karir impianmu di industri teknologi dimulai dari satu file Figma yang kosong — dan keputusan untuk mengisinya sekarang.
Sudah mulai perjalanan belajar UI/UX-mu? Ceritakan kamu sedang di bulan berapa di kolom komentar! Dan untuk melengkapi perjalananmu, baca juga:
👉 Apa Itu UI/UX Design? Panduan Karir Lengkap untuk Pemula
👉 Figma vs Adobe XD: Mana yang Terbaik untuk Pemula Indonesia?
👉 Cara Membuat Portofolio UI/UX Design dari Nol
Roadmap ini disusun berdasarkan pengalaman komunitas UI/UX Indonesia dan standar industri teknologi per Mei 2026. Durasi belajar dapat bervariasi tergantung waktu yang tersedia dan konsistensi belajar.
