Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete Guide UX Wireframe Design
Kelas Online Gratis
Complete Guide UX Wireframe Design
Learn how to build wireframe for user experience
Release date June 2022
Last updated June 2023
Member
6,009 enrolled
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
.png)
Angga Risky
Full-Stack Developer
(413K)
Alluwiyadi Akbar
UI Designer
Materinya bagus, penyampain materi juga sangat baik. Tapi jujur saja saya terhibur dan ketawa ketika mas angga itu tepuk tangan di salah satu video, itu cukup menghibur buat saya, karna yang saya liat mas angga ini orangnya serius tapi liat itu saya jadi terhibur😄. Tapi overall mantaaaab👍. read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
#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
Materi belajar terbaru
Sertifikat kelas
Bonus materi belajar
Figma to Elementor Low Code Development: Buat Website Menarik
Rp
260,000
Rp
125,000
(234)
Bootcamp UI/UX Designer with Figma
Rp 690,000
(1,237)
.png)
(335)
.png)
.png)
(168)
Complete Guide UX Wireframe Design
Learn how to build wireframe for user experience
-
Berkenalan Dengan Wireframe3 minutes
-
Workflow dan Tools Wireframe3 minutes
-
Memahami Brief Design2 minutes
-
Design Product dan CTA5 minutes
-
Finishing Design Details Page6 minutes
-
Checkpoint belajar wireframe to visual1 minutes
-
Membuat MoodBoard Design5 minutes
-
Membuat Project Design Figma6 minutes
-
Design Header Stocks4 minutes
-
Design CTA Buttons5 minutes
-
Design Chart Stock7 minutes
-
Finishing Design Chart4 minutes
-
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,009
Happy Students
Happy Students
dimas pradipto
Full-Stack Developer
materi yang diberikan jelas lengkap
Atharifat Gandi
Lifetime Learner
mntp
Cecep Roni
UI Designer
Terimakasih untuk materinya mas angga dan team..
Irsan Nur Hidayat
Lifetime Learner
ok
Dea Pratiwi Putri
Lifetime Learner
Kelasnya bagus, mudah dipahami
Alluwiyadi Akbar
UI Designer
Materinya bagus, penyampain materi juga sangat baik. Tapi jujur saja saya terhibur dan ketawa ketika mas angga itu tepuk tangan di salah satu video, itu cukup menghibur buat saya, karna yang saya liat mas angga ini orangnya serius tapi liat itu saya jadi terhibur😄. Tapi overall mantaaaab👍.
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.
