Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete UI Designer: Visual Design, Prototype, Usability Test
Kelas Online
Complete UI Designer: Visual Design, Prototype, Usability Test
Learn how to build UI Wallet App
Release date July 2021
Last updated October 2024
Member
4,868 enrolled
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
Learn With Expert
Dhimas Prio
Product Designer
(51.1K)
Beatrice Jasmine
Illustration Designer
(9.6K)
Hasnan Attariq
UX Designer
Cocok banget buat yang mau memperdalam auto layout & components di Figma read more
Alfyan Pradana
UI Designer
Sebelumnya terimakasih, materi yang diberikan juga cukup jelas dan mudah dipahami jadi dapat menambah wawasan saya dalam dunia UI/UX design read more
Belum ada review
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Maze Design
Software Gratis
Figma
Software Gratis
Whimsical
Software Gratis
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
(174)
.png)
(30)
.png)
(91)
.jpg)
(192)
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 Test
Learn how to build UI Wallet App
-
Alasan Kelas Dibuat1 minutes -
Perkenalan Mentor Dhimas1 minutes
-
Pengenalan Singkat UI UX8 minutes
-
Workflow Project7 minutes
-
Membaca Brief7 minutes
-
Whimsical Introduction5 minutes -
Introduction Tools Whimsical Part 111 minutes
-
Introduction Tools Whimsical Part 24 minutes
-
User Flow Login Accounts8 minutes
-
User Flow Sign Up Accounts6 minutes
-
User Flow Report Transaction2 minutes
-
User Flow Top Up and Transaction7 minutes
-
Site Map On Board dan Splash Screen6 minutes
-
Site Map Sign Up dan Login4 minutes
-
Site Map Tampilan Home5 minutes
-
Site Map History dan Top Up3 minutes
-
Site Map Transaction dan Checkout3 minutes
-
Wireframe Splash Screen8 minutes
-
Wireframe On Boarding8 minutes
-
Wireframe Sign Up6 minutes
-
Wireframe Phone Number and Verification Code9 minutes
-
Wireframe Login5 minutes
-
Wireframe Home12 minutes
-
Wireframe Monthly Expense Part 17 minutes
-
Wireframe Monthly Expense Part 28 minutes
-
Wireframe Top Up6 minutes
-
Wireframe Checkout Top Up12 minutes
-
Wireframe Charge Nominal7 minutes
-
Figma Introduction4 minutes
-
Dashboard Figma7 minutes
-
Pengenalan Tools Figma Part 110 minutes
-
Pengenalan Tools Figma Part 28 minutes
-
Referensi Warna4 minutes
-
Referensi Design dan Moodboarding Part 17 minutes
-
Referensi Design dan Moodboarding Part 26 minutes
-
Style Guide Typography Bagian Judul9 minutes
-
Typography Title Header10 minutes
-
Convert Text Style5 minutes
-
Typography Style Subhead dan Body12 minutes
-
Color Style Guide12 minutes
-
Convert Color Style4 minutes
-
Pengenalan Auto Layout8 minutes
-
Auto Layout Fixed and Hug Content10 minutes
-
Pengenalan Fungsi Component di Figma5 minutes
-
Pengenalan Fungsi Variants di Figma6 minutes
-
Component Label Part 112 minutes
-
Component Label Part 26 minutes
-
Component Label Part 37 minutes
-
Component Small Button13 minutes
-
Add Deskripsi Style Button4 minutes
-
Component Normal Button8 minutes
-
Component Large Button9 minutes
-
Component Input Field Normal10 minutes
-
Component Focus Input Field6 minutes
-
Component Disable Input Field5 minutes
-
Component Icons6 minutes
-
Component Navigation Bar10 minutes
-
Component Badges Profile6 minutes
-
Component Badges Initial6 minutes
-
Visual Design On Boarding Part 110 minutes
-
Visual Design On Boarding Part 23 minutes
-
Visual Design Sign Up Part 17 minutes
-
Visual Design Sign Up Part 210 minutes
-
Visual Design Login7 minutes
-
Visual Design Input Phone Part 18 minutes
-
Visual Design Input Phone Part 29 minutes
-
Visual Design Input Code6 minutes
-
Visual Design Home Part 16 minutes
-
Visual Design Home Part 29 minutes
-
Visual Design Home Part 35 minutes
-
Visual Design Home Part 47 minutes
-
Visual Design Home Part 510 minutes
-
Visual Design Home Part 65 minutes
-
Visual Design History Part 18 minutes
-
Visual Design History Part 29 minutes
-
Visual Design Top Up8 minutes
-
Visual Design Checkout Top Up Part 18 minutes
-
Visual Design Checkout Top Up Part 29 minutes
-
Visual Design Transaction dan Amount List Part 110 minutes
-
Visual Design Transaction dan Amount List Part 28 minutes
-
Visual Design Splash Screen dan Success6 minutes
-
Perkenalan Mentor Beatrice Illustrator1 minutes
-
Implement Illustration4 minutes
-
Pengenalan Dasar Prototype di Figma8 minutes
-
Prototyping Screen Project Part 16 minutes
-
Prototyping Screen Project Part 24 minutes
-
Prototyping Screen Project Part 36 minutes
-
Prototyping Screen Project Part 410 minutes
-
Prototyping Screen Project Part 5 Last8 minutes
-
Import File Figma ke Usability Testing7 minutes
-
Membuat Goals Usability Testing7 minutes
-
Introduction Interactive Component8 minutes
-
Interactive Component Hover Button3 minutes
-
Interactive Component Selected Button11 minutes
-
Hasil Report Usability Testing6 minutes
-
Hasil Report Maze Design4 minutes
-
Opening Update Fitur Figma 20221 minutes
-
Basic New Figma Auto Layout Part 19 minutes
-
Basic New Figma Auto Layout Part 25 minutes
-
Resizing Menu Auto Layout6 minutes
-
Practice Responsive Auto Layout Part 19 minutes
-
Practice Responsive Auto Layout Part 25 minutes
-
Alignment Auto Layout7 minutes
-
Spacing & Stacking Auto Layout5 minutes
-
Absolute Position Fitur Baru Auto Layout8 minutes
-
Implementasi Auto Layout Part 18 minutes
-
Implementasi Auto Layout Part 26 minutes
-
Penjelasan New Component Properties6 minutes
-
Penjelasan Text Property Pada Component9 minutes
-
Text Property Pada Component Input Field Part 18 minutes
-
Text Property Pada Component Input Field Part 26 minutes
-
Penerapan Text Property Pada Button6 minutes
-
Penjelasan Boolean Property Pada Component8 minutes
-
Penerapan Boolean Property Pada Input Field7 minutes
-
Penerapan Boolean Pada Component Button Part 17 minutes
-
Penerapan Boolean Pada Component Button Part 24 minutes
-
Penjelasan dan Penerapan Instance Swap7 minutes
-
Kapan Harus Pakai Componet atau Variant?3 minutes
-
Penjelasan Fitur Variable Font8 minutes
-
Web Info and Playing Around Variable Font3 minutes
-
Penjelasan Spring Animation Pada Figma Prototype6 minutes
-
Penjelasan Stiffness, Damping, dan Mass Pada Animation7 minutes
-
Closing1 minutes
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
4,868
Happy Students
Happy Students
Hasnan Attariq
UX Designer
Cocok banget buat yang mau memperdalam auto layout & components di Figma
Muh. Nurfaizi Mursidin
Full-Stack Developer
materinya mudah di pahami
Shofa Atul Alimah
Lifetime Learner
Penjelasannya mudah dipahami. Terima kasih
Andre Septyawan
Full-Stack Developer
mudah banget dipahami materinya mantapp
Alfyan Pradana
UI Designer
Sebelumnya terimakasih, materi yang diberikan juga cukup jelas dan mudah dipahami jadi dapat menambah wawasan saya dalam dunia UI/UX design
MARTINA LORENSA
Lifetime Learner
Sngat menarik
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.
