Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Complete UI Designer: Visual Design, Prototype, Usability Testing
Kelas Online
Complete UI Designer: Visual Design, Prototype, Usability Testing
Learn how to build a real project from scratch
Release date July 2021
Last updated September 2023
Member
4,593 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
Beatrice Jasmine
Illustration Designer
(8.6K)
Dhimas Prio
UI Designer
(45.5K)
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
heisupay
uwayxt
husnulrizki
alii
apriliahz
bagasbram26
zackyzetma
winotoangkasa007
yudityanurfaizakbar
tikafuadi
idasariamalia93
cazagthoth
widdanangfaizqadriansyah
mitradarma230301
zulkifli-akbar
fadhlikhairul
habibrochman22672
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
Free akses kelas Freemium
Lowongan magang dan kerja
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
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
Akses Freemium Courses
Sehingga lebih up to date
4,593
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
