Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete UI Designer: Visual Design, Prototype, Usability Testing
Premium Edition
Complete UI Designer: Visual Design, Prototype, Usability Testing
Learn how to build a real project from scratch
Release date July 2021
Last updated February 2023
Member
4,435 enrolled
Tingkatan
Sertifikat
Konsultasi
Develop Your Skills
Mayoritas masyarakat dunia menggunakan media digital pada desktop dan ponsel. Dalam kata lain, segala kebutuhan dapat segera terpenuhi dengan mudahnya melalui aplikasi hanya dalam genggaman tangan. Dan hal pertama yang memengaruhi user dan memiliki peran kunci keberhasilan suatu aplikasi adalah desain UI dan UX yang menarik. Dengan memahami keseluruhan proses UI/UX yang benar, kita dapat menciptakan aplikasi bermanfaat yang tidak hanya mendatangkan profit, namun juga kepuasan bagi user.
Kali ini Anda akan mempelajari proses UI/UX design melalui pembuatan aplikasi keuangan “Mony”. Materi terdiri dari tahapan ideation hingga usability testing dengan tools populer Whimsical, Figma, dan Maze. Mentor akan membantu Anda memahami UI dan UX yang berbeda namun saling melengkapi, UX workflow, dan proses desain UI secara lengkap.
Kelas ini sangat cocok untuk Anda yang berminat menjadi UI/UX designer profesional. Untuk memudahkan pembelajaran, Anda bisa menonton dahulu Kelas Design Starter BWA. Dan jangan ragu untuk berkonsultasi langsung dengan Mentor ahli kami di grup kelas. Silakan daftar segera dan sampai jumpa di kelas!
Demo Project
Setelah Selesai Kelas
Gaji 90-150jt/thn
Kerja Remote
Ref. Glassdoor
Key Points
Membangun portofolio yang menjual
Mempelajari usability testing dengan Maze
Membangun UI Design dengan Figma
Mempelajari Project Workflow dengan Whimsical
Sneak Peek
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
UI Designer
(43.2K)
Beatrice Jasmine
Illustration Designer
(8.1K)
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
Featured Projects
92 Hasil karya terbaik di kelas Complete UI Designer: Visual Design, Prototype, Usability Testing
damarandika41
der
ardiansyahzulfikar
hafitkholiq18
salmaniseif
shandodmp
hakimirfan837
syafiiim3
martinuskevv105
sholehsundapa0219
johnbell903
ry18official
kebun
bpgponto
freakinarif25
freakinarif25
togarzzzzz
yogas
halodim
halimpratama95
freakinarif25
bhagaskara
susiloroberto
ryanardiansyah802
sholdan
fahmialvyn
malvinkurniawan23318
bydewantoro1999
tridinantio
afr-id
syalfaturvirga
anisahnab
eikooezra439
asepdimas19
maheswarayudhi25
ariefzm
indrimulyani
kadekwisnu68
yudhaprawira96
ilhamutomoaji16
omistyfani
ekopaja
akhmadmaariz
akmalrafi81
alanramadhani21
ddndesign
khususgamer200
nadiyusuke647
reianwinanda
zaidinaptr
muhammadzaini3396
nyomanwn
faizansoricomp223
mandrake
elokaliyah09180
radenkhaerulid367
syifarizkyamelia2
firzafadlullah26
askhakb064304
sihombingenjel13
ibnukais20
adamabdul26315
daruanugerah
lilisiccamardiana
mfadli
catharinaira32118
afridoly136
yayangfany218
ahmdyafi
parhanhambali17
windydiaztarylabfik572
erinafitrieml14
arifrmdhni224
briyanfadi
haryorizky77
supiadawiah
uwayxt
husnulrizki
alii
apriliahz
bagasbram26
zackyzetma
winotoangkasa007
yudityanurfaizakbar
tikafuadi
idasariamalia93
cazagthoth
widdanangfaizqadriansyah
mitradarma230301
zulkifli-akbar
fadhlikhairul
habibrochman22672
#BeyondPremium
Start to Invest 100%
Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan
yang
baru di bidang IT
Selamanya
Rp 525,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Assets & group konsultasi
Tools pendukung belajar
Sertifikat kelulusan
Free update materi
Free akses kelas Freemium
Lowongan pekerjaan
Jaminan Uang Kembali
Tidak perlu khawatir untuk mulai berinvestasi
karena Anda bisa melakukan refund
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.
Kami telah menyediakan kelas yang terstruktur dan
well-designed oleh mentor yang berpengalaman sehingga
akan sangat mudah untuk dipahami oleh siapa saja.
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 BuildWith Angga.
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
BuildWith Angga. Kami siap melanjutkan kepada proses
hukum apabila Anda terbukti benar memperjualbelikan kelas
kami secara ilegal.
Complete UI Designer: Visual Design, Prototype, Usability Testing
Learn how to build a real project from scratch
-
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
Mayoritas masyarakat dunia menggunakan media digital pada desktop dan ponsel. Dalam kata lain, segala kebutuhan dapat segera terpenuhi dengan mudahnya melalui aplikasi hanya dalam genggaman tangan. Dan hal pertama yang memengaruhi user dan memiliki peran kunci keberhasilan suatu aplikasi adalah desain UI dan UX yang menarik. Dengan memahami keseluruhan proses UI/UX yang benar, kita dapat menciptakan aplikasi bermanfaat yang tidak hanya mendatangkan profit, namun juga kepuasan bagi user.
Kali ini Anda akan mempelajari proses UI/UX design melalui pembuatan aplikasi keuangan “Mony”. Materi terdiri dari tahapan ideation hingga usability testing dengan tools populer Whimsical, Figma, dan Maze. Mentor akan membantu Anda memahami UI dan UX yang berbeda namun saling melengkapi, UX workflow, dan proses desain UI secara lengkap.
Kelas ini sangat cocok untuk Anda yang berminat menjadi UI/UX designer profesional. Untuk memudahkan pembelajaran, Anda bisa menonton dahulu Kelas Design Starter BWA. Dan jangan ragu untuk berkonsultasi langsung dengan Mentor ahli kami di grup kelas. Silakan daftar segera dan sampai jumpa 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
Akses Offline 100%
Belajar tanpa koneksi internet
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
Akses Freemium Courses
Sehingga lebih up to date
4,435
Happy Students
Happy Students
hasnanattariq
UX Designer
Cocok banget buat yang mau memperdalam auto layout & components di Figma
muhnurfaizim
Full-Stack Developer
materinya mudah di pahami
shofatulalimah
Lifetime Learner
Penjelasannya mudah dipahami. Terima kasih
andreseptyawan7
Full-Stack Developer
mudah banget dipahami materinya mantapp
pradanafyan
UI Designer
Sebelumnya terimakasih, materi yang diberikan juga cukup jelas dan mudah dipahami jadi dapat menambah wawasan saya dalam dunia UI/UX design
tinalmonolimay17
Lifetime Learner
Sngat menarik
