Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete UI Designer:Visual Design, Prototype, Usability Tes
Kelas Online
Complete UI Designer:Visual Design, Prototype, Usability Tes
Released date July 2021
Last updated March 2026
Member
5,030 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Media digital yang kita akses menggunakan desktop dan ponsel telah menjadi bagian penting dalam kehidupan mayoritas masyarakat di dunia. Dalam era digital saat ini, segala kebutuhan dapat dipenuhi dengan mudah melalui aplikasi yang tersedia hanya dalam genggaman tangan. Desain UI/UX menjadi hal pertama yang memengaruhi user dan menjadi kunci keberhasilan suatu aplikasi.
Dengan memahami keseluruhan proses pembuatan UI/UX yang benar, kita dapat menciptakan aplikasi yang tidak hanya mendatangkan profit, tetapi juga memberikan kepuasan bagi user. Sebuah aplikasi yang mudah digunakan, memiliki desain yang menarik, dan memperhatikan kebutuhan user akan memperoleh reputasi yang baik dan meningkatkan popularitasnya. Oleh karena itu, desain UI dan UX harus diperhatikan dengan serius dalam proses pengembangan aplikasi digital agar dapat menghasilkan karya yang bermanfaat bagi masyarakat luas.
Dalam kelas ini, kita akan mempelajari proses pembuatan aplikasi keuangan bernama "Mony" melalui proses UI/UX design. Materi yang akan diberikan meliputi tahapan ideation, desain, dan pengujian usability. Pada tahapan ideation, kita akan belajar cara mengembangkan ide dan konsep untuk aplikasi "Mony" dengan mempertimbangkan kebutuhan pengguna dan fitur yang dibutuhkan. Setelah itu, kamu akan diajarkan untuk membuat desain UI dengan menggunakan tool populer seperti Figma. Kamu juga akan belajar cara melakukan usability testing pada aplikasi "Mony" menggunakan tool Maze untuk mengetahui seberapa baik pengguna dapat berinteraksi dengan aplikasi dan mengevaluasi keefektifan desain UI/UX.
Dalam pembuatan desain, kita akan menggunakan tools populer seperti Whimsical, Figma, dan Maze. Mentor akan membantu kamu memahami konsep UI dan UX yang berbeda namun saling melengkapi, UX workflow, serta proses desain UI secara lengkap.
Kelas ini sangat cocok untuk Kamu yang berminat menjadi UI/UX designer profesional. Untuk memudahkan pembelajaran, kamu bisa menonton dahulu Kelas Design Starter BWA. Dan jangan ragu untuk berkonsultasi langsung dengan Mentor ahli kami di forum kelas. Tunggu apalagi? Segera bergabung dikelas ini dan raih keterampilan desain yang dapat meningkatkan peluang karir kamu di masa depan. Kami tunggu kehadiran kamu di kelas!
Sneak Peek
Key Points
Membangun portofolio yang menjual
Mempelajari usability testing dengan Maze
Membangun UI Design dengan Figma
Mempelajari Project Workflow dengan Whimsical
Designed For
Anda yang ingin memiliki portofolio yang menjual
Anda yang ingin berprofesi sebagai UI/UX Designer
Anda yang ingin belajar proses desain UI (visual design, prototype, usability test, dll)
Anda yang ingin belajar proses UX (app brief, user flow, site map, dll)
Anda yang ingin mendalami UI/UX
Course Lessons
Videos language: Bahasa Indonesia (Auto-translation available)
Learn With Expert
Dhimas Prio
Product Designer
(56.8K)
Beatrice Jasmine
Illustration Designer
(10.3K)
Abdullah hikmatyar
Full-Stack Developer
kelas nya daging banget, mentor membawakan materi dengan jelas read more
09 Mar 2026
Vilinda
Lifetime Learner
Sangat detail dan bermanfaat, terimakasih atas ilmunya read more
19 Feb 2026
Juhdin Nur
Full-Stack Developer
Kelasnya bagus dan mudah dipahami, videonya sangat relevan dan update dengan perkembangan figma. read more
07 Feb 2026
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Maze Design
Software
Figma
Software
Whimsical
Software
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 550,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
Recommended for You
3D Blender dan UI UX Landing Page
Rp 400,000
(1,139)
Complete Web Designer in with Figma
Rp 550,000
(1,542)
Zenith - Blockchain Payment Transfer Figma Template UI Kit
Rp
150,000
Rp
50,000
(2)
Mastering Blender 3D: Design Icon Set
Rp 390,000
(639)
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.
Complete UI Designer:Visual Design, Prototype, Usability Tes
Videos language: Bahasa Indonesia (Auto-translation available)
-
Alasan Kelas DibuatVideo 1 minutes
-
Perkenalan Mentor DhimasVideo 1 minutes
-
Pengenalan Singkat UI UXVideo 8 minutes
-
Workflow ProjectVideo 7 minutes
-
Membaca BriefVideo 7 minutes
-
Whimsical IntroductionVideo 5 minutes -
Introduction Tools Whimsical Part 1Video 11 minutes
-
Introduction Tools Whimsical Part 2Video 4 minutes
-
User Flow Login AccountsVideo 8 minutes
-
User Flow Sign Up AccountsVideo 6 minutes
-
User Flow Report TransactionVideo 2 minutes
-
User Flow Top Up and TransactionVideo 7 minutes
-
Site Map On Board dan Splash ScreenVideo 6 minutes
-
Site Map Sign Up dan LoginVideo 4 minutes
-
Site Map Tampilan HomeVideo 5 minutes
-
Site Map History dan Top UpVideo 3 minutes
-
Site Map Transaction dan CheckoutVideo 3 minutes
-
Wireframe Splash ScreenVideo 8 minutes
-
Wireframe On BoardingVideo 8 minutes
-
Wireframe Sign UpVideo 6 minutes
-
Wireframe Phone Number and Verification CodeVideo 9 minutes
-
Wireframe LoginVideo 5 minutes
-
Wireframe HomeVideo 12 minutes
-
Wireframe Monthly Expense Part 1Video 7 minutes
-
Wireframe Monthly Expense Part 2Video 8 minutes
-
Wireframe Top UpVideo 6 minutes
-
Wireframe Checkout Top UpVideo 12 minutes
-
Wireframe Charge NominalVideo 7 minutes
-
Figma IntroductionVideo 4 minutes
-
Dashboard FigmaVideo 7 minutes
-
Pengenalan Tools Figma Part 1Video 10 minutes
-
Pengenalan Tools Figma Part 2Video 8 minutes
-
Referensi WarnaVideo 4 minutes
-
Referensi Design dan Moodboarding Part 1Video 7 minutes
-
Referensi Design dan Moodboarding Part 2Video 6 minutes
-
Style Guide Typography Bagian JudulVideo 9 minutes
-
Typography Title HeaderVideo 10 minutes
-
Convert Text StyleVideo 5 minutes
-
Typography Style Subhead dan BodyVideo 12 minutes
-
Color Style GuideVideo 12 minutes
-
Convert Color StyleVideo 4 minutes
-
Pengenalan Auto LayoutVideo 8 minutes
-
Auto Layout Fixed and Hug ContentVideo 10 minutes
-
Pengenalan Fungsi Component di FigmaVideo 5 minutes
-
Pengenalan Fungsi Variants di FigmaVideo 6 minutes
-
Component Label Part 1Video 12 minutes
-
Component Label Part 2Video 6 minutes
-
Component Label Part 3Video 7 minutes
-
Component Small ButtonVideo 13 minutes
-
Add Deskripsi Style ButtonVideo 4 minutes
-
Component Normal ButtonVideo 8 minutes
-
Component Large ButtonVideo 9 minutes
-
Component Input Field NormalVideo 10 minutes
-
Component Focus Input FieldVideo 6 minutes
-
Component Disable Input FieldVideo 5 minutes
-
Component IconsVideo 6 minutes
-
Component Navigation BarVideo 10 minutes
-
Component Badges ProfileVideo 6 minutes
-
Component Badges InitialVideo 6 minutes
-
Visual Design On Boarding Part 1Video 10 minutes
-
Visual Design On Boarding Part 2Video 3 minutes
-
Visual Design Sign Up Part 1Video 7 minutes
-
Visual Design Sign Up Part 2Video 10 minutes
-
Visual Design LoginVideo 7 minutes
-
Visual Design Input Phone Part 1Video 8 minutes
-
Visual Design Input Phone Part 2Video 9 minutes
-
Visual Design Input CodeVideo 6 minutes
-
Visual Design Home Part 1Video 6 minutes
-
Visual Design Home Part 2Video 9 minutes
-
Visual Design Home Part 3Video 5 minutes
-
Visual Design Home Part 4Video 7 minutes
-
Visual Design Home Part 5Video 10 minutes
-
Visual Design Home Part 6Video 5 minutes
-
Visual Design History Part 1Video 8 minutes
-
Visual Design History Part 2Video 9 minutes
-
Visual Design Top UpVideo 8 minutes
-
Visual Design Checkout Top Up Part 1Video 8 minutes
-
Visual Design Checkout Top Up Part 2Video 9 minutes
-
Visual Design Transaction dan Amount List Part 1Video 10 minutes
-
Visual Design Transaction dan Amount List Part 2Video 8 minutes
-
Visual Design Splash Screen dan SuccessVideo 6 minutes
-
Perkenalan Mentor Beatrice IllustratorVideo 1 minutes
-
Implement IllustrationVideo 4 minutes
-
Pengenalan Dasar Prototype di FigmaVideo 8 minutes
-
Prototyping Screen Project Part 1Video 6 minutes
-
Prototyping Screen Project Part 2Video 4 minutes
-
Prototyping Screen Project Part 3Video 6 minutes
-
Prototyping Screen Project Part 4Video 10 minutes
-
Prototyping Screen Project Part 5 LastVideo 8 minutes
-
Import File Figma ke Usability TestingVideo 7 minutes
-
Membuat Goals Usability TestingVideo 7 minutes
-
Introduction Interactive ComponentVideo 8 minutes
-
Interactive Component Hover ButtonVideo 3 minutes
-
Interactive Component Selected ButtonVideo 11 minutes
-
Hasil Report Usability TestingVideo 6 minutes
-
Hasil Report Maze DesignVideo 4 minutes
-
Opening Update Fitur Figma 2022Video 1 minutes
-
Basic New Figma Auto Layout Part 1Video 9 minutes
-
Basic New Figma Auto Layout Part 2Video 5 minutes
-
Resizing Menu Auto LayoutVideo 6 minutes
-
Practice Responsive Auto Layout Part 1Video 9 minutes
-
Practice Responsive Auto Layout Part 2Video 5 minutes
-
Alignment Auto LayoutVideo 7 minutes
-
Spacing & Stacking Auto LayoutVideo 5 minutes
-
Absolute Position Fitur Baru Auto LayoutVideo 8 minutes
-
Implementasi Auto Layout Part 1Video 8 minutes
-
Implementasi Auto Layout Part 2Video 6 minutes
-
Penjelasan New Component PropertiesVideo 6 minutes
-
Penjelasan Text Property Pada ComponentVideo 9 minutes
-
Text Property Pada Component Input Field Part 1Video 8 minutes
-
Text Property Pada Component Input Field Part 2Video 6 minutes
-
Penerapan Text Property Pada ButtonVideo 6 minutes
-
Penjelasan Boolean Property Pada ComponentVideo 8 minutes
-
Penerapan Boolean Property Pada Input FieldVideo 7 minutes
-
Penerapan Boolean Pada Component Button Part 1Video 7 minutes
-
Penerapan Boolean Pada Component Button Part 2Video 4 minutes
-
Penjelasan dan Penerapan Instance SwapVideo 7 minutes
-
Kapan Harus Pakai Componet atau Variant?Video 3 minutes
-
Penjelasan Fitur Variable FontVideo 8 minutes
-
Web Info and Playing Around Variable FontVideo 3 minutes
-
Penjelasan Spring Animation Pada Figma PrototypeVideo 6 minutes
-
Penjelasan Stiffness, Damping, dan Mass Pada AnimationVideo 7 minutes
-
ClosingVideo 1 minutes
Member
5,030
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Media digital yang kita akses menggunakan desktop dan ponsel telah menjadi bagian penting dalam kehidupan mayoritas masyarakat di dunia. Dalam era digital saat ini, segala kebutuhan dapat dipenuhi dengan mudah melalui aplikasi yang tersedia hanya dalam genggaman tangan. Desain UI/UX menjadi hal pertama yang memengaruhi user dan menjadi kunci keberhasilan suatu aplikasi.
Dengan memahami keseluruhan proses pembuatan UI/UX yang benar, kita dapat menciptakan aplikasi yang tidak hanya mendatangkan profit, tetapi juga memberikan kepuasan bagi user. Sebuah aplikasi yang mudah digunakan, memiliki desain yang menarik, dan memperhatikan kebutuhan user akan memperoleh reputasi yang baik dan meningkatkan popularitasnya. Oleh karena itu, desain UI dan UX harus diperhatikan dengan serius dalam proses pengembangan aplikasi digital agar dapat menghasilkan karya yang bermanfaat bagi masyarakat luas.
Dalam kelas ini, kita akan mempelajari proses pembuatan aplikasi keuangan bernama "Mony" melalui proses UI/UX design. Materi yang akan diberikan meliputi tahapan ideation, desain, dan pengujian usability. Pada tahapan ideation, kita akan belajar cara mengembangkan ide dan konsep untuk aplikasi "Mony" dengan mempertimbangkan kebutuhan pengguna dan fitur yang dibutuhkan. Setelah itu, kamu akan diajarkan untuk membuat desain UI dengan menggunakan tool populer seperti Figma. Kamu juga akan belajar cara melakukan usability testing pada aplikasi "Mony" menggunakan tool Maze untuk mengetahui seberapa baik pengguna dapat berinteraksi dengan aplikasi dan mengevaluasi keefektifan desain UI/UX.
Dalam pembuatan desain, kita akan menggunakan tools populer seperti Whimsical, Figma, dan Maze. Mentor akan membantu kamu memahami konsep UI dan UX yang berbeda namun saling melengkapi, UX workflow, serta proses desain UI secara lengkap.
Kelas ini sangat cocok untuk Kamu yang berminat menjadi UI/UX designer profesional. Untuk memudahkan pembelajaran, kamu bisa menonton dahulu Kelas Design Starter BWA. Dan jangan ragu untuk berkonsultasi langsung dengan Mentor ahli kami di forum kelas. Tunggu apalagi? Segera bergabung dikelas ini dan raih keterampilan desain yang dapat meningkatkan peluang karir kamu di masa depan. Kami tunggu kehadiran kamu di kelas!
read more
Learn With Expert
Key Points
-
Membangun portofolio yang menjual
-
Mempelajari usability testing dengan Maze
-
Membangun UI Design dengan Figma
-
Mempelajari Project Workflow dengan Whimsical
Created For
-
Anda yang ingin memiliki portofolio yang menjual
-
Anda yang ingin berprofesi sebagai UI/UX Designer
-
Anda yang ingin belajar proses desain UI (visual design, prototype, usability test, dll)
-
Anda yang ingin belajar proses UX (app brief, user flow, site map, dll)
-
Anda yang ingin mendalami UI/UX
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
5,030
Happy Students
Happy Students
abdullah hikmatyar
Full-Stack Developer
kelas nya daging banget, mentor membawakan materi dengan jelas
09 Mar 2026
Muhammad Aulia Asshiddiqie
UI Designer
Terimakasih kak bagus materinya
05 Mar 2026
Dewa Made Budiarta
Full-Stack Developer
Materi sangat lengkap
02 Mar 2026
Reno aditya
UX Designer
sangat lengkap
26 Feb 2026
Vilinda
Lifetime Learner
Sangat detail dan bermanfaat, terimakasih atas ilmunya
19 Feb 2026
Juhdin Nur
Full-Stack Developer
Kelasnya bagus dan mudah dipahami, videonya sangat relevan dan update dengan perkembangan figma.
07 Feb 2026
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.
