Akses Selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete UI Designer : User Flow, Visual Design, Prototype
Kelas Online
Complete UI Designer : User Flow, Visual Design, Prototype
Released date May 2024
Last updated March 2026
Member
328 enrolled
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Dalam kelas ini, kita akan mempelajari proses pembuatan website pemesanan travel package "Travelia" melalui proses UI/UX design.
Materi yang akan diberikan meliputi tahapan Ideation yaitu brainstorming menentukan problem, goals, serta target user dan akan dilanjut dengan membuat MindMap dan User Flow agar proses mempermudah melihat gambaran besar interaksi antara product dan user.
Setelah itu kita akan merancang Ideation tersebut menjadi Wireframe, untuk mendapaatkan rancangan tampilan serta component yang akan digunakan pada project yang kita buat.
Selanjutnya kita akan membuat Component dan Style Guide di Figma, agar saat membuat tampilan Visual Design proses pengerjaannya menjadi lebih cepat dan efisien.
Next kita akan mempelajari cara membuat tampilan Visual Design dengan memanfaatkan fitur Auto Layout di figma, agar kita memahami layout yang dapat didevelop, sehingga mempermudah proses handoff ke developer.
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
Memahami flow UI/UX Design mulai dari Brainstorming hingga Handoff design ke developer
Membuat proses ideation, persona, dan userflow untuk menciptakan produk yang fungsional serta sesuai dengan kebutuhan user
Membuat component dan variant pada figma agar proses design menjadi lebih cepat dan efisien
Memahami Auto Layout agar proses design tampilan layout menjadi jauh lebih cepat
Designed For
Anda yang ingin punya portfolio design menarik
Anda yang sedang mempelajari UI/UX Design
Anda yang ingin mendalami figma lebih advance
Anda yang ingin belajar membuat design website travel
Course Lessons
Learn With Expert
Dhimas Prio
Product Designer
(56.8K)
Vilinda
Lifetime Learner
Sangat detail terimakasih atas ilmu yang telah dibagi read more
11 Feb 2026
Aditya Haris Candra
Lifetime Learner
materi kursus yang diberikan sangat membantu untuk mulai belajar hal baru read more
24 Jan 2026
Adnan Yazid Ardiansyah
Full-Stack Developer
Penjelasan tentang User Flow dan Visual Design disampaikan dengan sangat jelas read more
28 Nov 2025
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
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
(49)
(2,283)
Fullstack POS: Next.js, TypeScript, MongoDB & UIUX 2025
Rp
980,000
Rp
329,000
(7)
.webp)
The Ultimate UI/UX Masterclass: Master the Design Process
Rp
2,650,000
Rp
349,000
(65)
.JPG){kind=avatar}
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 : User Flow, Visual Design, Prototype
-
Demo Project KelasVideo 6 minutes -
Understanding UI and UX DesignVideo 12 minutes
-
Pengenalan Tools UI and UX DesignVideo 4 minutes
-
Main Problem and Target UserVideo 8 minutes
-
Membuat PersonaVideo 8 minutes
-
Solution and Main GoalsVideo 7 minutes
-
User Flow : Sign In and Sign UpVideo 4 minutes
-
User Flow : Home Page DestinationVideo 6 minutes
-
User Flow : Detail DestinationVideo 3 minutes
-
User : Flow Booking DetailsVideo 3 minutes
-
User Flow : CheckoutVideo 4 minutes
-
User Flow : Schedule ListVideo 5 minutes
-
User Flow : Profile and SearchVideo 3 minutes
-
Wireframe : Sign in and Sign UpVideo 9 minutes
-
Wireframe : Home Page Part 1Video 10 minutes
-
Wireframe : Home Page Part 2Video 8 minutes
-
Wireframe : Details PageVideo 14 minutes
-
Wireframe : Booking DetailsVideo 11 minutes
-
Wireframe : Payment MethodVideo 5 minutes
-
Wireframe : Checkout and SuccessVideo 10 minutes
-
Wireframe : Schedule and Trip DetailVideo 10 minutes
-
Import AssetVideo 2 minutes
-
Highlight Style Text dan ColorVideo 2 minutes
-
Style Guide : Text StyleVideo 7 minutes
-
Style Guide : Color StyleVideo 13 minutes
-
Introduction Auto LayoutVideo 5 minutes
-
Explanation Rezising Auto LayoutVideo 8 minutes
-
Explanation Flow Auto LayoutVideo 4 minutes
-
Explanation Gap Auto LayoutVideo 5 minutes
-
Explanation Padding Auto LayoutVideo 3 minutes
-
Explanation Alignment Auto LayoutVideo 4 minutes
-
Create Component IconsVideo 6 minutes
-
Create Component ButtonVideo 13 minutes
-
Adding Variant Component ButtonVideo 12 minutes
-
Create Component Input FieldVideo 8 minutes
-
Adding Property Component Input FieldVideo 7 minutes
-
Adding Variant Component Input FieldVideo 8 minutes
-
Create Component BadgeVideo 8 minutes
-
Adding Variant and State ComponentVideo 10 minutes
-
Create Sign In UI ScreenVideo 14 minutes
-
Create Sign Up UI ScreenVideo 11 minutes
-
Header and Categories SectionVideo 13 minutes
-
Card Items SectionVideo 12 minutes
-
Card Explore SectionVideo 6 minutes
-
Navigation SectionVideo 9 minutes
-
Revision and Add Category ScreenVideo 14 minutes
-
Image Preview SectionVideo 10 minutes
-
Information SectionVideo 5 minutes
-
About Destination SectionVideo 3 minutes
-
Testimonial SectionVideo 14 minutes
-
Bottom Navigation SectionVideo 4 minutes
-
Date and Trip SectionVideo 11 minutes
-
Contact, Summary, and BottomVideo 8 minutes
-
Create All Section ScreenVideo 11 minutes
-
Detail Trip SectionVideo 7 minutes
-
Payment and Transfer Proof SectionVideo 11 minutes
-
Success All Section ScreenVideo 5 minutes
-
Schedule All Section ScreenVideo 11 minutes
-
Trip Details All Section ScreenVideo 6 minutes
-
Prototype : Sign In and Sign UpVideo 8 minutes
-
Prototype : Home to DetailsVideo 6 minutes
-
Prototype : Preview ImageVideo 8 minutes
-
Finalizing PrototypeVideo 9 minutes
Member
328
Lesson Type
Video Only
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Dalam kelas ini, kita akan mempelajari proses pembuatan website pemesanan travel package "Travelia" melalui proses UI/UX design.
Materi yang akan diberikan meliputi tahapan Ideation yaitu brainstorming menentukan problem, goals, serta target user dan akan dilanjut dengan membuat MindMap dan User Flow agar proses mempermudah melihat gambaran besar interaksi antara product dan user.
Setelah itu kita akan merancang Ideation tersebut menjadi Wireframe, untuk mendapaatkan rancangan tampilan serta component yang akan digunakan pada project yang kita buat.
Selanjutnya kita akan membuat Component dan Style Guide di Figma, agar saat membuat tampilan Visual Design proses pengerjaannya menjadi lebih cepat dan efisien.
Next kita akan mempelajari cara membuat tampilan Visual Design dengan memanfaatkan fitur Auto Layout di figma, agar kita memahami layout yang dapat didevelop, sehingga mempermudah proses handoff ke developer.
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
-
Memahami flow UI/UX Design mulai dari Brainstorming hingga Handoff design ke developer
-
Membuat proses ideation, persona, dan userflow untuk menciptakan produk yang fungsional serta sesuai dengan kebutuhan user
-
Membuat component dan variant pada figma agar proses design menjadi lebih cepat dan efisien
-
Memahami Auto Layout agar proses design tampilan layout menjadi jauh lebih cepat
Created For
-
Anda yang ingin punya portfolio design menarik
-
Anda yang sedang mempelajari UI/UX Design
-
Anda yang ingin mendalami figma lebih advance
-
Anda yang ingin belajar membuat design website travel
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
328
Happy Students
Happy Students
Vilinda
Lifetime Learner
Sangat detail terimakasih atas ilmu yang telah dibagi
11 Feb 2026
.JPG)
Muhammad Aqsa Pradipta
UX Designer
Mantap bgt kelas ini
03 Feb 2026
Aditya Haris Candra
Lifetime Learner
materi kursus yang diberikan sangat membantu untuk mulai belajar hal baru
24 Jan 2026
Steven
UI Designer
Kelas yang sangat bermafaat
01 Jan 2026
Ahmad Khoiri
Full-Stack Developer
Materi nya sangat jelas dan mudah dipahami
12 Dec 2025
Adnan Yazid Ardiansyah
Full-Stack Developer
Penjelasan tentang User Flow dan Visual Design disampaikan dengan sangat jelas
28 Nov 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.
