flash sale
close-icon
close-icon
Full-Stack Javascript Developer MERN

Rp 7,000,000 Rp 500,000

Premium Edition

Complete UI Designer: Visual Design, Prototype, Usability Testing

Learn how to build a real project from scratch

Member

4,278 enrolled

Tingkatan
Sertifikat
icon_check
Konsultasi
icon_check

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

icon_check

Membangun portofolio yang menjual

icon_check

Mempelajari usability testing dengan Maze

icon_check

Membangun UI Design dengan Figma

icon_check

Mempelajari Project Workflow dengan Whimsical

Sneak Peek

Designed For

icon_check

Anda yang ingin memiliki portofolio yang menjual

icon_check

Anda yang ingin berprofesi sebagai UI/UX Designer

icon_check

Anda yang ingin belajar proses desain UI (visual design, prototype, usability test, dll)

icon_check

Anda yang ingin belajar proses UX (app brief, user flow, site map, dll)

icon_check

Anda yang ingin mendalami UI/UX

Course Lessons

Learn With Expert

Mentor Dhimas Prio

Dhimas Prio

UI Designer

ic-star ic-star ic-star ic-star ic-star

(39.2K)

Mentor Beatrice Jasmine

Beatrice Jasmine

Illustration Designer

ic-star ic-star ic-star ic-star ic-star

(7.7K)

Mentor Angga Risky

Angga Risky

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star

(390K)

Our Happy Students

Review setelah bergabung di kelas Complete UI Designer: Visual Design, Prototype, Usability Testing

All Rating
Hasnan Attariq at BuildWith Angga
Hasnan Attariq

UX Designer

Cocok banget buat yang mau memperdalam auto layout & components di Figma read more

ic-star ic-star ic-star ic-star ic-star
Muh. Nurfaizi Mursidin at BuildWith Angga
Muh. Nurfaizi Mursidin

Full-Stack Developer

materinya mudah di pahami read more

ic-star ic-star ic-star ic-star ic-star
Shofa Atul Alimah at BuildWith Angga
Shofa Atul Alimah

Lifetime Learner

Penjelasannya mudah dipahami. Terima kasih read more

ic-star ic-star ic-star ic-star ic-star
Andre Septyawan at BuildWith Angga
Andre Septyawan

Full-Stack Developer

mudah banget dipahami materinya mantapp read more

ic-star ic-star ic-star ic-star ic-star
Alfyan Pradana at BuildWith Angga
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

ic-star ic-star ic-star ic-star ic-star
MARTINA LORENSA at BuildWith Angga
MARTINA LORENSA

Lifetime Learner

Sngat menarik read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Maze Design

Software Gratis

Download Now

Figma

Software Gratis

Download Now

Whimsical

Software Gratis

Download Now

Featured Projects

92 Hasil karya terbaik di kelas Complete UI Designer: Visual Design, Prototype, Usability Testing

 member of BuildWith Angga

damarandika41

 member of BuildWith Angga

der

 member of BuildWith Angga

ardiansyahzulfikar

 member of BuildWith Angga

hafitkholiq18

 member of BuildWith Angga

salmaniseif

 member of BuildWith Angga

shandodmp

 member of BuildWith Angga

hakimirfan837

 member of BuildWith Angga

syafiiim3

 member of BuildWith Angga

martinuskevv105

 member of BuildWith Angga

sholehsundapa0219

 member of BuildWith Angga

johnbell903

 member of BuildWith Angga

ry18official

 member of BuildWith Angga

kebun

 member of BuildWith Angga

bpgponto

 member of BuildWith Angga

freakinarif25

 member of BuildWith Angga

freakinarif25

 member of BuildWith Angga

togarzzzzz

 member of BuildWith Angga

yogas

 member of BuildWith Angga

halodim

 member of BuildWith Angga

halimpratama95

 member of BuildWith Angga

freakinarif25

 member of BuildWith Angga

bhagaskara

 member of BuildWith Angga

susiloroberto

 member of BuildWith Angga

ryanardiansyah802

 member of BuildWith Angga

sholdan

 member of BuildWith Angga

fahmialvyn

 member of BuildWith Angga

malvinkurniawan23318

 member of BuildWith Angga

bydewantoro1999

 member of BuildWith Angga

tridinantio

 member of BuildWith Angga

afr-id

 member of BuildWith Angga

syalfaturvirga

 member of BuildWith Angga

anisahnab

 member of BuildWith Angga

eikooezra439

 member of BuildWith Angga

asepdimas19

 member of BuildWith Angga

maheswarayudhi25

 member of BuildWith Angga

ariefzm

 member of BuildWith Angga

indrimulyani

 member of BuildWith Angga

kadekwisnu68

 member of BuildWith Angga

yudhaprawira96

 member of BuildWith Angga

ilhamutomoaji16

 member of BuildWith Angga

omistyfani

 member of BuildWith Angga

ekopaja

 member of BuildWith Angga

akhmadmaariz

 member of BuildWith Angga

akmalrafi81

 member of BuildWith Angga

alanramadhani21

 member of BuildWith Angga

ddndesign

 member of BuildWith Angga

khususgamer200

 member of BuildWith Angga

nadiyusuke647

 member of BuildWith Angga

reianwinanda

 member of BuildWith Angga

zaidinaptr

 member of BuildWith Angga

muhammadzaini3396

 member of BuildWith Angga

nyomanwn

 member of BuildWith Angga

faizansoricomp223

 member of BuildWith Angga

mandrake

 member of BuildWith Angga

elokaliyah09180

 member of BuildWith Angga

radenkhaerulid367

 member of BuildWith Angga

syifarizkyamelia2

 member of BuildWith Angga

firzafadlullah26

 member of BuildWith Angga

askhakb064304

 member of BuildWith Angga

sihombingenjel13

 member of BuildWith Angga

ibnukais20

 member of BuildWith Angga

adamabdul26315

 member of BuildWith Angga

daruanugerah

 member of BuildWith Angga

lilisiccamardiana

 member of BuildWith Angga

mfadli

 member of BuildWith Angga

catharinaira32118

 member of BuildWith Angga

afridoly136

 member of BuildWith Angga

yayangfany218

 member of BuildWith Angga

ahmdyafi

 member of BuildWith Angga

parhanhambali17

 member of BuildWith Angga

windydiaztarylabfik572

 member of BuildWith Angga

erinafitrieml14

 member of BuildWith Angga

arifrmdhni224

 member of BuildWith Angga

briyanfadi

 member of BuildWith Angga

haryorizky77

 member of BuildWith Angga

supiadawiah

 member of BuildWith Angga

uwayxt

 member of BuildWith Angga

husnulrizki

 member of BuildWith Angga

alii

 member of BuildWith Angga

apriliahz

 member of BuildWith Angga

bagasbram26

 member of BuildWith Angga

zackyzetma

 member of BuildWith Angga

winotoangkasa007

 member of BuildWith Angga

yudityanurfaizakbar

 member of BuildWith Angga

tikafuadi

 member of BuildWith Angga

idasariamalia93

 member of BuildWith Angga

cazagthoth

 member of BuildWith Angga

widdanangfaizqadriansyah

 member of BuildWith Angga

mitradarma230301

 member of BuildWith Angga

zulkifli-akbar

 member of BuildWith Angga

fadhlikhairul

 member of BuildWith Angga

habibrochman22672

Are You The Next?

Lihat hasil karya member lainnya

View All Portfolio
#BeyondPremium

Start to Invest 100%

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

icon_check

Selamanya

Rp 525,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Assets & group konsultasi

icon_check

Tools pendukung belajar

icon_check

Sertifikat kelulusan

icon_check

Free update materi

icon_check

Free akses kelas Freemium

icon_check

Lowongan pekerjaan

Lihat Benefit Lainnya
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

Contact CS

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.
Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Testing Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Testing Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Testing Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Testing

Complete UI Designer: Visual Design, Prototype, Usability Testing

Learn how to build a real project from scratch

  • Whimsical Introduction
    5 minutes
  • Introduction Tools Whimsical Part 1
    11 minutes
  • Introduction Tools Whimsical Part 2
    4 minutes

  • User Flow Login Accounts
    8 minutes
  • User Flow Sign Up Accounts
    6 minutes
  • User Flow Report Transaction
    2 minutes
  • User Flow Top Up and Transaction
    7 minutes

  • Site Map On Board dan Splash Screen
    6 minutes
  • Site Map Sign Up dan Login
    4 minutes
  • Site Map Tampilan Home
    5 minutes
  • Site Map History dan Top Up
    3 minutes
  • Site Map Transaction dan Checkout
    3 minutes

  • Wireframe Splash Screen
    8 minutes
  • Wireframe On Boarding
    8 minutes
  • Wireframe Sign Up
    6 minutes
  • Wireframe Phone Number and Verification Code
    9 minutes
  • Wireframe Login
    5 minutes
  • Wireframe Home
    12 minutes
  • Wireframe Monthly Expense Part 1
    7 minutes
  • Wireframe Monthly Expense Part 2
    8 minutes
  • Wireframe Top Up
    6 minutes
  • Wireframe Checkout Top Up
    12 minutes
  • Wireframe Charge Nominal
    7 minutes

  • Figma Introduction
    4 minutes
  • Dashboard Figma
    7 minutes
  • Pengenalan Tools Figma Part 1
    10 minutes
  • Pengenalan Tools Figma Part 2
    8 minutes

  • Referensi Warna
    4 minutes
  • Referensi Design dan Moodboarding Part 1
    7 minutes
  • Referensi Design dan Moodboarding Part 2
    6 minutes

  • Style Guide Typography Bagian Judul
    9 minutes
  • Typography Title Header
    10 minutes
  • Convert Text Style
    5 minutes
  • Typography Style Subhead dan Body
    12 minutes
  • Color Style Guide
    12 minutes
  • Convert Color Style
    4 minutes

  • Pengenalan Auto Layout
    8 minutes
  • Auto Layout Fixed and Hug Content
    10 minutes

  • Pengenalan Fungsi Component di Figma
    5 minutes
  • Pengenalan Fungsi Variants di Figma
    6 minutes

  • Component Label Part 1
    12 minutes
  • Component Label Part 2
    6 minutes
  • Component Label Part 3
    7 minutes

  • Component Small Button
    13 minutes
  • Add Deskripsi Style Button
    4 minutes
  • Component Normal Button
    8 minutes
  • Component Large Button
    9 minutes

  • Component Input Field Normal
    10 minutes
  • Component Focus Input Field
    6 minutes
  • Component Disable Input Field
    5 minutes

  • Component Icons
    6 minutes
  • Component Navigation Bar
    10 minutes
  • Component Badges Profile
    6 minutes
  • Component Badges Initial
    6 minutes

  • Visual Design On Boarding Part 1
    10 minutes
  • Visual Design On Boarding Part 2
    3 minutes

  • Visual Design Sign Up Part 1
    7 minutes
  • Visual Design Sign Up Part 2
    10 minutes
  • Visual Design Login
    7 minutes

  • Visual Design Input Phone Part 1
    8 minutes
  • Visual Design Input Phone Part 2
    9 minutes
  • Visual Design Input Code
    6 minutes

  • Visual Design Home Part 1
    6 minutes
  • Visual Design Home Part 2
    9 minutes
  • Visual Design Home Part 3
    5 minutes
  • Visual Design Home Part 4
    7 minutes
  • Visual Design Home Part 5
    10 minutes
  • Visual Design Home Part 6
    5 minutes

  • Visual Design History Part 1
    8 minutes
  • Visual Design History Part 2
    9 minutes

  • Visual Design Top Up
    8 minutes
  • Visual Design Checkout Top Up Part 1
    8 minutes
  • Visual Design Checkout Top Up Part 2
    9 minutes

  • Visual Design Transaction dan Amount List Part 1
    10 minutes
  • Visual Design Transaction dan Amount List Part 2
    8 minutes

  • Visual Design Splash Screen dan Success
    6 minutes
  • Perkenalan Mentor Beatrice Illustrator
    1 minutes
  • Implement Illustration
    4 minutes

  • Pengenalan Dasar Prototype di Figma
    8 minutes
  • Prototyping Screen Project Part 1
    6 minutes
  • Prototyping Screen Project Part 2
    4 minutes
  • Prototyping Screen Project Part 3
    6 minutes
  • Prototyping Screen Project Part 4
    10 minutes
  • Prototyping Screen Project Part 5 Last
    8 minutes

  • Import File Figma ke Usability Testing
    7 minutes
  • Membuat Goals Usability Testing
    7 minutes

  • Introduction Interactive Component
    8 minutes
  • Interactive Component Hover Button
    3 minutes
  • Interactive Component Selected Button
    11 minutes
  • Hasil Report Usability Testing
    6 minutes
  • Hasil Report Maze Design
    4 minutes

  • Opening Update Fitur Figma 2022
    1 minutes

  • Basic New Figma Auto Layout Part 1
    9 minutes
  • Basic New Figma Auto Layout Part 2
    5 minutes
  • Resizing Menu Auto Layout
    6 minutes
  • Practice Responsive Auto Layout Part 1
    9 minutes
  • Practice Responsive Auto Layout Part 2
    5 minutes
  • Alignment Auto Layout
    7 minutes
  • Spacing & Stacking Auto Layout
    5 minutes
  • Absolute Position Fitur Baru Auto Layout
    8 minutes
  • Implementasi Auto Layout Part 1
    8 minutes
  • Implementasi Auto Layout Part 2
    6 minutes

  • Penjelasan New Component Properties
    6 minutes
  • Penjelasan Text Property Pada Component
    9 minutes
  • Text Property Pada Component Input Field Part 1
    8 minutes
  • Text Property Pada Component Input Field Part 2
    6 minutes
  • Penerapan Text Property Pada Button
    6 minutes
  • Penjelasan Boolean Property Pada Component
    8 minutes
  • Penerapan Boolean Property Pada Input Field
    7 minutes
  • Penerapan Boolean Pada Component Button Part 1
    7 minutes
  • Penerapan Boolean Pada Component Button Part 2
    4 minutes
  • Penjelasan dan Penerapan Instance Swap
    7 minutes
  • Kapan Harus Pakai Componet atau Variant?
    3 minutes

  • Penjelasan Fitur Variable Font
    8 minutes
  • Web Info and Playing Around Variable Font
    3 minutes

  • Penjelasan Spring Animation Pada Figma Prototype
    6 minutes
  • Penjelasan Stiffness, Damping, dan Mass Pada Animation
    7 minutes

  • Closing
    1 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
Dhimas Prio
Dhimas Prio
UI Designer
rating-star rating-star rating-star rating-star rating-star
(39.2K)
Beatrice Jasmine
Beatrice Jasmine
Illustration Designer
rating-star rating-star rating-star rating-star rating-star
(7.7K)
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(390K)
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,278
Happy Students
hasnanattariq at BuildWith Angga
hasnanattariq

UX Designer

Cocok banget buat yang mau memperdalam auto layout & components di Figma

ic-star ic-star ic-star ic-star ic-star
muhnurfaizim at BuildWith Angga
muhnurfaizim

Full-Stack Developer

materinya mudah di pahami

ic-star ic-star ic-star ic-star ic-star
shofatulalimah at BuildWith Angga
shofatulalimah

Lifetime Learner

Penjelasannya mudah dipahami. Terima kasih

ic-star ic-star ic-star ic-star ic-star
andreseptyawan7 at BuildWith Angga
andreseptyawan7

Full-Stack Developer

mudah banget dipahami materinya mantapp

ic-star ic-star ic-star ic-star ic-star
pradanafyan at BuildWith Angga
pradanafyan

UI Designer

Sebelumnya terimakasih, materi yang diberikan juga cukup jelas dan mudah dipahami jadi dapat menambah wawasan saya dalam dunia UI/UX design

ic-star ic-star ic-star ic-star ic-star
tinalmonolimay17 at BuildWith Angga
tinalmonolimay17

Lifetime Learner

Sngat menarik

ic-star ic-star ic-star ic-star ic-star
Tools Pendukung
Maze Design
Maze Design
Software Gratis
Figma
Figma
Software Gratis
Whimsical
Whimsical
Software Gratis

Rp 525,000

arrow_upward