Premium Edition

Complete UI Designer: Visual Design, Prototype, Usability Testing

Learn how to build a real project from scratch

Member

2,169 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

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

Learn With Expert

Angga Risky

Full-Stack Developer

Profile Mentor

Beatrice Jasmine

Illustration Designer

Profile Mentor

Dhimas Prio

UI Designer

Profile Mentor

Course Prerequisite

Kami rekomendasikan untuk mempelajari kelas di bawah

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Introduction Class

play_circle

Alasan Kelas Dibuat

1 mins

play_circle

Perkenalan Mentor Dhimas

1 mins

play_circle

Pengenalan Singkat UI UX

8 mins

play_circle

Workflow Project

7 mins

play_circle

Membaca Brief

7 mins

2

Introduction Whimsical

lock

Whimsical Introduction

5 mins

lock

Introduction Tools Whimsical Part 1

11 mins

lock

Introduction Tools Whimsical Part 2

4 mins

3

Project Flow : User Flow

lock

User Flow Login Accounts

8 mins

lock

User Flow Sign Up Accounts

6 mins

lock

User Flow Report Transaction

2 mins

lock

User Flow Top Up and Transaction

7 mins

4

Project Flow : Site Map

lock

Site Map On Board dan Splash Screen

6 mins

lock

Site Map Sign Up dan Login

4 mins

lock

Site Map Tampilan Home

5 mins

lock

Site Map History dan Top Up

3 mins

lock

Site Map Transaction dan Checkout

3 mins

5

Project Flow : Wireframe

lock

Wireframe Splash Screen

8 mins

lock

Wireframe On Boarding

8 mins

lock

Wireframe Sign Up

6 mins

lock

Wireframe Phone Number and Verification Code

9 mins

lock

Wireframe Login

5 mins

lock

Wireframe Home

12 mins

lock

Wireframe Monthly Expense Part 1

7 mins

lock

Wireframe Monthly Expense Part 2

8 mins

lock

Wireframe Top Up

6 mins

lock

Wireframe Checkout Top Up

12 mins

lock

Wireframe Charge Nominal

7 mins

6

Introduction Figma

lock

Figma Introduction

4 mins

lock

Dashboard Figma

7 mins

lock

Pengenalan Tools Figma Part 1

10 mins

lock

Pengenalan Tools Figma Part 2

8 mins

7

Project Flow : Moodboarding

lock

Referensi Warna

4 mins

lock

Referensi Design dan Moodboarding Part 1

7 mins

lock

Referensi Design dan Moodboarding Part 2

6 mins

8

Project Flow : Style Guide

lock

Style Guide Typography Bagian Judul

9 mins

lock

Typography Title Header

10 mins

lock

Convert Text Style

5 mins

lock

Typography Style Subhead dan Body

12 mins

lock

Color Style Guide

12 mins

lock

Convert Color Style

4 mins

9

Introduction Auto Layout

lock

Pengenalan Auto Layout

8 mins

lock

Auto Layout Fixed and Hug Content

10 mins

10

Introduction Component

lock

Pengenalan Fungsi Component di Figma

5 mins

lock

Pengenalan Fungsi Variants di Figma

6 mins

11

Project Flow : Component Label

lock

Component Label Part 1

12 mins

lock

Component Label Part 2

6 mins

lock

Component Label Part 3

7 mins

12

Project Flow : Component Button

lock

Component Small Button

13 mins

lock

Add Deskripsi Style Button

4 mins

lock

Component Normal Button

8 mins

lock

Component Large Button

9 mins

13

Project Flow : Component Input Field

lock

Component Input Field Normal

10 mins

lock

Component Focus Input Field

6 mins

lock

Component Disable Input Field

5 mins

14

Project Flow : Component Icons, Navigation Bar, Badges

lock

Component Icons

6 mins

lock

Component Navigation Bar

10 mins

lock

Component Badges Profile

6 mins

lock

Component Badges Initial

6 mins

15

Project Flow : Visual Design On Board

lock

Visual Design On Boarding Part 1

10 mins

lock

Visual Design On Boarding Part 2

3 mins

16

Project Flow : Visual Design Sign Up & Login

lock

Visual Design Sign Up Part 1

7 mins

lock

Visual Design Sign Up Part 2

10 mins

lock

Visual Design Login

7 mins

17

Project Flow : Visual Design Input Phone & Code

lock

Visual Design Input Phone Part 1

8 mins

lock

Visual Design Input Phone Part 2

9 mins

lock

Visual Design Input Code

6 mins

18

Project Flow : Visual Design Home

lock

Visual Design Home Part 1

6 mins

lock

Visual Design Home Part 2

9 mins

lock

Visual Design Home Part 3

5 mins

lock

Visual Design Home Part 4

7 mins

lock

Visual Design Home Part 5

10 mins

lock

Visual Design Home Part 6

5 mins

19

Project Flow : Visual Design Report History

lock

Visual Design History Part 1

8 mins

lock

Visual Design History Part 2

9 mins

20

Project Flow : Top Up

lock

Visual Design Top Up

8 mins

lock

Visual Design Checkout Top Up Part 1

8 mins

lock

Visual Design Checkout Top Up Part 2

9 mins

21

Project Flow : Visual Design Transaction & Splash Screen

lock

Visual Design Transaction dan Amount List Part 1

10 mins

lock

Visual Design Transaction dan Amount List Part 2

8 mins

22

Project Flow : Visual Design Splash Screen & Illustration

lock

Visual Design Splash Screen dan Success

6 mins

lock

Perkenalan Mentor Beatrice Illustrator

1 mins

lock

Implement Illustration

4 mins

23

Project Flow : Prototyping

lock

Pengenalan Dasar Prototype di Figma

8 mins

lock

Prototyping Screen Project Part 1

6 mins

lock

Prototyping Screen Project Part 2

4 mins

lock

Prototyping Screen Project Part 3

6 mins

lock

Prototyping Screen Project Part 4

10 mins

lock

Prototyping Screen Project Part 5 Last

8 mins

24

Project Flow : Usability Testing

lock

Import File Figma ke Usability Testing

7 mins

lock

Membuat Goals Usability Testing

7 mins

lock

Closing

1 mins

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

2,169 Happy Members

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

Fani Purbaya

Lifetime Learner

keren! penyampaian materi mudah dipahami untuk pemula maupun yang mau mempelajari lebih dalam lagi tentang UI Design.

Hasnan Attariq

UX Designer

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

Rolando Pranata

Full-Stack Developer

Nice

Hanif Ridwan

Lifetime Learner

Mantap

Rivaldy Nur Fachri

Full-Stack Developer

Cara mengajar nya mudah dipahami

Sae code

Full-Stack Developer

Penyampaiannya bagus dan jelas.

Ahmad Fauzi

Lifetime Learner

keren

Abd Malik Ibrahim

UI Designer

Kelas ini membantu saya memahami basic ui ux design dengan tools figma, terimakasih kak dimas

Moch. Octa Venanda

UI Designer

ok

Fendya Pramudya

UI Designer

Materi disampaikan dengan baik dan terstrukutur

Assabil Nur Alfian

UI Designer

mantap untuk materinya

Dava Daviar Saputr

Front-End Developer

Dengan kelas ini saya belajar bgmn melakukan proses design yg tersistem, bukan sekedar buka editor dan mendesign saja tpi Mas Dhimas memberi teknik yg baik dan benar.

arenda bastanta

Lifetime Learner

terimakasih telah membantu saya belajar UI design dari awal hingga akhir

Tegar Ramadhan

Full-Stack Developer

mantap. materinya dijelaskan dengan baik, ditunggu bonusnya kaaaak

Candra Setiyawan

UI Designer

Terimakasih

Sadddam Genta Rama

UI Designer

Nice studying

Naufal Ghifari

Logo Designer

Mantap! cara penyampaiannya enak dan jelas. Terimakasih kak dimas, dan BWA. Semoga BWA semakin besar lagi dan jaya trus.

Muhammad Aqil Syaf

Front-End Developer

senang banget bisa ketemu bwa, belajar nya santai tapi ilmunya daging semua, good job bwa :)

Muhamad Rizki Fajr

UX Designer

Terimakasih mas dhimas dan tim BWA, melalui kelas ini banyak ilmu yang saya dapatkan untuk berkarir menjadi UXD, semoga ilmu yang mas sampaikan berkah dan menjadi amal kebaikan. sukses untuk BWA.

afila media karya

Lifetime Learner

Recommended bagi yang mau memulai belajar UI Design, Penjelasannya Detail mulai dari proses brainstorming dari proses usability testing

Muhammad Rizky

Lifetime Learner

Penjelasan sangat mudah dipahami

Ahmad Faisal Rangk

UI Designer

Kelas yang menyenangkan dan mudah dipahami :)

Amelia Setyawati

Lifetime Learner

oke banget. materinya oke. tutornya oke

Reinaldie

UI Designer

Materi yg disampaikan detail, bisa langsung belajar sambil di praktekan ke figima, terimakasih....

eluzai vito

UI Designer

Mantap!!!

Aditya Burnama

Front-End Developer

Sangat membantu,saya suka dengan detail yang mas ajarkan terimakasih.

Muh. Nurfaizi Murs

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

Surya

Mobile App Developer

materi dari awal sampai akhir bener bener dijelaskan secara detail

Ardiansyah Zulfika

UI Designer

Mantap banget dah pokoknya, materinya juga daging semua

Rizqy Khairani

UI Designer

Terbaik... kelas yang mendukung banget buat kemajuan ilmu saya dibidang ui design

Ahmad Khaidir

UI Designer

Overall kelas ini sangat bagus sangat cocok untuk Visual Designer yang ingin mengasah keterampilan nya untuk lebih terstruktur dalam mendesign, top dah gan! saya sangat excited mengikuti kelas ini

Fatah Shihabul M

UI Designer

Materi nya berkualitas dan penjelasannya mudah dipahami. Terimakasih telah membuat kelas ini

Reihan Faizal Hani

Product Designer

Materinya sangat bagus dan sangat jelas sekali penyampaiannya!

Supriatno

UI Designer

good

Abah UX

UX Designer

Terbaik. Bener-bener pelan-pelan ngajarinnya dan gak akan takut ketinggalan. Materi detail, sampai jadi ui apps design pertama ku haha. Thanks mas Dimas! dan juga Mbak Beatrice, Hehe

Ari Widianto

UI Designer

Terimakasih, belajar dengan penyampaian matmeri yang menyenangkan , dan mudah dimengerti

Jalalludin Sasetio

Lifetime Learner

Penjelasan lengkap. Tutorial mudah dipahami. Thanks~

Spirit Learner

Full-Stack Developer

sangat jelas terimakasih

Wahyu Pratama

Full-Stack Developer

Bagus, penjelasan mentor mudah dimengerti

Vandame Ronald Suh

UI Designer

Penjelasan oleh mentor Dhimas sangat padat dan jelas, serta pembawaannya bagus sehingga dapat dimengerti lebih cepat walau saya mempercepat speed youtube 2x

Roni Ahmadi

Full-Stack Developer

Mantap semoga kedepan menjadi lebih baik

Rizal Fadli

Product Designer

Good mentor , artikulasi baik , penjelasan runut, tips dapat dipakai. thank you

Yosua boy unedo

Lifetime Learner

Lumayan bagus untuk pemula dan berharap projeknya lebih susah dan menarik sehingga banyak efek bagus buat kami

Billy Petra Gilber

Full-Stack Developer

Terima kasih materinya mas mentor!

Sang Putu Putra Sa

UI Designer

nice

Arikuloli Pekoyo

Lifetime Learner

Bagus bnget

I Gede Agus Ananda

Full-Stack Developer

Overall udh bagus

Featured Projects

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

Belum ada hasil karya.

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

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

Beli Kelas Lihat Benefit Lainnya

Berlangganan

Rp 0

Mengikuti kelas dengan waktu yang
terbatas dan biaya lebih hemat

Akses kelas terbatas

Assets & group konsultasi

Tools pendukung belajar

Sertifikat kelulusan

Free update materi

Free akses kelas Freemium

Lowongan pekerjaan

Subscribe Kelas Lihat Benefit Lainnya

Pertanyaan Umum

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

WhatsApp Admin

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. Silahkan 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.

Rp 525,000

Beli Kelas