Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete Guide UX Wireframe Design
Kelas Online Gratis
Complete Guide UX Wireframe Design
Released date June 2022
Last updated March 2026
Member
6,569 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-Develop Your Skills
Pada seri kelas design kali ini, Anda akan mengenal wireframing yaitu proses membuat rancangan awal desain aplikasi demi meningkatkan pengalaman pengguna (UX). Wireframe berbentuk gambar rangka dengan fokus pada penataan konten dan fungsionalitas suatu screen aplikasi. Pada tahapan ini Designer harus memperhatikan kebutuhan user beserta user flow agar menciptakan UX yang baik. Bila wireframe dibangun dengan baik oleh sang Designer dan penyampaiannya kepada rekan lain (stakeholder, Developer, UX Designer) berjalan lancar, proses pengembangan aplikasi tentunya menjadi lebih hemat uang dan waktu.
Bersama Angga Risky, Anda akan mengetahui cara membuat satu screen visual design dari sebuah wireframe. Tahapan materi terdiri dari pembahasan workflow sesuai dengan brief project, tool brainstorming yang efektif seperti Whimsical dan Miro, information architecture atau bagan informasi untuk menyusun user interface secara terstruktur, sampai praktik membangun visual design. Hasil project pada kelas ini bisa jadi langkah awal bagi Anda mendesain aplikasi. Bila berminat, Anda bisa lanjut berlatih pada Kelas Premium Design kami untuk project yang lebih beragam dan menantang.
Kelas ini sangat cocok bagi Anda yang ingin berkarir sebagai UI Designer. Kami sarankan Anda ikuti terlebih dulu kelas prasyarat pilihan BuildWith Angga agar belajar jadi maksimal. Untuk melihat seluruh materi, silakan upgrade ke Freemium Plus. Terus dukung BWA dan nantikan kelas Design terkini lainnya.
Key Points
Memahami brief project dari klien atau perusahaan
Mengenal definisi dan manfaat wireframe
Mendalami Whimsical dan Figma untuk brainstorming wireframe
Mengubah wireframe ke visual design
Designed For
Anda yang ingin mendalami UX wireframe
Anda yang ingin belajar membuat wireframe
Anda yang ingin memiliki portfolio design
Course Lessons
Learn With Expert
Angga Risky S
Full-Stack Developer
(464.4K)
Ibnu Hasan
Lifetime Learner
mantap, sebagai pemula materi mudah diimplementasikan read more
25 Nov 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software
Whimsical
Software
#Starter
Start to Invest 100%
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan
yang
baru di bidang IT
Basic - Rp 0
Akses dan pelajari kelas Starter secara gratis tanpa sertifikat
Bayar 0 rupiah
Akses kelas selamanya
Plus - Rp 50,000
Unlock benefit lainnya yang bisa
didapatkan di kelas
Starter
Sekali bayar saja
Akses kelas selamanya
Sertifikat kelas
(484)
.jpg)
How to sell NFT art to Opensea
Rp 260,000
(12)
Zenith - Blockchain Payment Transfer Figma Template UI Kit
Rp
150,000
Rp
50,000
(2)
(328)
Complete Guide UX Wireframe Design
-
Berkenalan Dengan WireframeVideo 3 minutes
-
Workflow dan Tools WireframeVideo 3 minutes
-
Memahami Brief DesignVideo 2 minutes
-
Design Product dan CTAVideo 5 minutes
-
Finishing Design Details PageVideo 6 minutes
-
Checkpoint belajar wireframe to visualVideo 1 minutes
-
Membuat MoodBoard DesignVideo 5 minutes
-
Membuat Project Design FigmaVideo 6 minutes
-
Design Header StocksVideo 4 minutes
-
Design CTA ButtonsVideo 5 minutes
-
Design Chart StockVideo 7 minutes
-
Finishing Design ChartVideo 4 minutes
-
Penutup kelas Wireframe UX buildwith angga 1Video 1 minutes
Member
6,569
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
-
Develop Your Skills
Pada seri kelas design kali ini, Anda akan mengenal wireframing yaitu proses membuat rancangan awal desain aplikasi demi meningkatkan pengalaman pengguna (UX). Wireframe berbentuk gambar rangka dengan fokus pada penataan konten dan fungsionalitas suatu screen aplikasi. Pada tahapan ini Designer harus memperhatikan kebutuhan user beserta user flow agar menciptakan UX yang baik. Bila wireframe dibangun dengan baik oleh sang Designer dan penyampaiannya kepada rekan lain (stakeholder, Developer, UX Designer) berjalan lancar, proses pengembangan aplikasi tentunya menjadi lebih hemat uang dan waktu.
Bersama Angga Risky, Anda akan mengetahui cara membuat satu screen visual design dari sebuah wireframe. Tahapan materi terdiri dari pembahasan workflow sesuai dengan brief project, tool brainstorming yang efektif seperti Whimsical dan Miro, information architecture atau bagan informasi untuk menyusun user interface secara terstruktur, sampai praktik membangun visual design. Hasil project pada kelas ini bisa jadi langkah awal bagi Anda mendesain aplikasi. Bila berminat, Anda bisa lanjut berlatih pada Kelas Premium Design kami untuk project yang lebih beragam dan menantang.
Kelas ini sangat cocok bagi Anda yang ingin berkarir sebagai UI Designer. Kami sarankan Anda ikuti terlebih dulu kelas prasyarat pilihan BuildWith Angga agar belajar jadi maksimal. Untuk melihat seluruh materi, silakan upgrade ke Freemium Plus. Terus dukung BWA dan nantikan kelas Design terkini lainnya.
read more
Learn With Expert
Key Points
-
Memahami brief project dari klien atau perusahaan
-
Mengenal definisi dan manfaat wireframe
-
Mendalami Whimsical dan Figma untuk brainstorming wireframe
-
Mengubah wireframe ke visual design
Created For
-
Anda yang ingin mendalami UX wireframe
-
Anda yang ingin belajar membuat wireframe
-
Anda yang ingin memiliki portfolio design
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
6,569
Happy Students
Happy Students
Ibnu Hasan
Lifetime Learner
mantap, sebagai pemula materi mudah diimplementasikan
25 Nov 2025
Hasan
UI Designer
Materi sangat bermanfaat, terimakasih
13 Oct 2025
Muhammad Dicqi Alfan Habibi
Lifetime Learner
Singkat padat. Nice!
15 Aug 2025
Ryan Rasidhin
UI Designer
Bagus sekali
10 Aug 2025
Zulfa Aulia Hidayat
Full-Stack Developer
Sangat informatif
24 Jun 2025
Raka Pradana Putra
UX Designer
bagus untuk pemula belajar
21 Jun 2025
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels
yang memberartikan bahwa cocok untuk seluruh
tingkatan. Kami juga menyarankan calon member untuk
mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.
Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan
untuk mendapatkannya, para member diwajibkan untuk
menyelesaikan seluruh materi kelas dan juga Quiz
yang telah disediakan oleh mentor.
Salah satu benefit unggulan kami adalah group
konsultasi yang diberikan sebagai bonus untuk member
yang telah mengikuti kelas Premium di platform BuildWithAngga.
Silakan menghubungi Admin untk mendapatkan akses pada group
tersebut.
Kami mengizinkan member yang telah mengikuti kelas Premium untuk
menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat
utamanya adalah dengan memodifikasi sedikitnya yaitu
30% dari original project buatan mentor kelas tersebut.
Kami melarang member menjual atau membagikan hak akses kelas Premium
kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari
kita support creators Indonesia dengan cara membeli
kelas secara resmi dan satu akun hanya untuk satu pengguna saja.
Kami tidak memperbolehkan member menjual kembali materi kelas di
BuildWithAngga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
