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,158 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

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 Angga Risky

Angga Risky

Full-Stack Developer

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

(380.5K)

Mentor Beatrice Jasmine

Beatrice Jasmine

Illustration Designer

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

(7.3K)

Mentor Dhimas Prio

Dhimas Prio

UI Designer

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

(37.6K)

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

4,158 Happy Members

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

hasnanattariq at BuildWith Angga
Hasnanattariq

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
muhnurfaizim at BuildWith Angga
Muhnurfaizim

Full-Stack Developer

materinya mudah di pahami

read more
ic-star ic-star ic-star ic-star ic-star
shofatulalimah at BuildWith Angga
Shofatulalimah

Lifetime Learner

Penjelasannya mudah dipahami. Terima kasih

read more
ic-star ic-star ic-star ic-star ic-star
andreseptyawan7 at BuildWith Angga
Andreseptyawan

Full-Stack Developer

mudah banget dipahami materinya mantapp

read more
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

read more
ic-star ic-star ic-star ic-star ic-star
tinalmonolimay17 at BuildWith Angga
Tinalmonolimay

Lifetime Learner

Sngat menarik

read more
ic-star ic-star ic-star ic-star ic-star

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

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

Beli Kelas 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. 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.
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
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(380.5K)
Beatrice Jasmine
Beatrice Jasmine
Illustration Designer
rating-star rating-star rating-star rating-star rating-star
(7.3K)
Dhimas Prio
Dhimas Prio
UI Designer
rating-star rating-star rating-star rating-star rating-star
(37.6K)
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,158
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