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
Flow UI/UX design from start to finish
Release date May 2024
Last updated September 2024
Member
145 enrolled
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
.jpg)
Dhimas Prio
Product Designer
(50.9K)
Alirouf Rafani
Full-Stack Developer
Mantap, Penjelasannya sangat detail. Jadi tertarik lebih untuk mendalami dunia UI/UX Disign read more
Ridwan Nurjamal
Lifetime Learner
terima kasih sangat membantu untuk pemula seperti saya, video nya sangat lengkap dan mudah untuk di pelajari.sukses selalu read more
Muhammad Sultan Al Faisal
Lifetime Learner
Saya mendapat banyak sekali ilmu yang belum saya dapatkan sebelumnya dan juga saya dapat mendalami lagi ilmu tentang figma dan whimsical read more
Ayatulloh Nur Isnaini Arb
Full-Stack Developer
Bagus banget buat pemula, mudah dipahamin dan gampang dipraktekkan read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 455,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
.jpg)
.png)
.png)
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
Flow UI/UX design from start to finish
-
Demo Project Kelas6 minutes -
Understanding UI and UX Design12 minutes -
Pengenalan Tools UI and UX Design4 minutes
-
Main Problem and Target User8 minutes
-
Membuat Persona8 minutes
-
Solution and Main Goals7 minutes
-
User Flow : Sign In and Sign Up4 minutes
-
User Flow : Home Page Destination6 minutes
-
User Flow : Detail Destination3 minutes
-
User : Flow Booking Details3 minutes
-
User Flow : Checkout4 minutes
-
User Flow : Schedule List5 minutes
-
User Flow : Profile and Search3 minutes
-
Wireframe : Sign in and Sign Up9 minutes
-
Wireframe : Home Page Part 110 minutes
-
Wireframe : Home Page Part 28 minutes
-
Wireframe : Details Page14 minutes
-
Wireframe : Booking Details11 minutes
-
Wireframe : Payment Method5 minutes
-
Wireframe : Checkout and Success10 minutes
-
Wireframe : Schedule and Trip Detail10 minutes
-
Import Asset2 minutes
-
Highlight Style Text dan Color2 minutes
-
Style Guide : Text Style7 minutes
-
Style Guide : Color Style13 minutes
-
Introduction Auto Layout5 minutes
-
Explanation Rezising Auto Layout8 minutes
-
Explanation Flow Auto Layout4 minutes
-
Explanation Gap Auto Layout5 minutes
-
Explanation Padding Auto Layout3 minutes
-
Explanation Alignment Auto Layout4 minutes
-
Create Component Icons6 minutes
-
Create Component Button13 minutes
-
Adding Variant Component Button12 minutes
-
Create Component Input Field8 minutes
-
Adding Property Component Input Field7 minutes
-
Adding Variant Component Input Field8 minutes
-
Create Component Badge8 minutes
-
Adding Variant and State Component10 minutes
-
Create Sign In UI Screen14 minutes
-
Create Sign Up UI Screen11 minutes
-
Header and Categories Section13 minutes
-
Card Items Section12 minutes
-
Card Explore Section6 minutes
-
Navigation Section9 minutes
-
Revision and Add Category Screen14 minutes
-
Image Preview Section10 minutes
-
Information Section5 minutes
-
About Destination Section3 minutes
-
Testimonial Section14 minutes
-
Bottom Navigation Section4 minutes
-
Date and Trip Section11 minutes
-
Contact, Summary, and Bottom8 minutes
-
Create All Section Screen11 minutes
-
Detail Trip Section7 minutes
-
Payment and Transfer Proof Section11 minutes
-
Success All Section Screen5 minutes
-
Schedule All Section Screen11 minutes
-
Trip Details All Section Screen6 minutes
-
Prototype : Sign In and Sign Up8 minutes
-
Prototype : Home to Details6 minutes
-
Prototype : Preview Image8 minutes
-
Finalizing Prototype9 minutes
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
145
Happy Students
Happy Students
Alirouf Rafani
Full-Stack Developer
Mantap, Penjelasannya sangat detail. Jadi tertarik lebih untuk mendalami dunia UI/UX Disign
Ridwan Nurjamal
Lifetime Learner
terima kasih sangat membantu untuk pemula seperti saya, video nya sangat lengkap dan mudah untuk di pelajari.sukses selalu
apip idn
Lifetime Learner
semoga bisa selalu di adakan lagi kelas seperti ini lagi
Muhammad Sultan Al Faisal
Lifetime Learner
Saya mendapat banyak sekali ilmu yang belum saya dapatkan sebelumnya dan juga saya dapat mendalami lagi ilmu tentang figma dan whimsical
Aqila Umar
Lifetime Learner
Sangat bermanfaat, Terima kasih kak
Ayatulloh Nur Isnaini Arba'i
Full-Stack Developer
Bagus banget buat pemula, mudah dipahamin dan gampang dipraktekkan
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.
