Akses kelas selamanya

Ambil Promo
flash sale
hamburger-menu

Kelas Online
Complete UI Designer: Visual Design, Prototype, Usability Test

Learn how to build UI Wallet App

icon global
Release date July 2021
icon convert
Last updated October 2024
Member

4,867 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

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

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

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

Product Designer

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

(51.1K)

Mentor Beatrice Jasmine

Beatrice Jasmine

Illustration Designer

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

(9.6K)

Our Happy Students

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

All Rating
Hasnan Attariq at BuildWithAngga
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 BuildWithAngga
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 BuildWithAngga
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 BuildWithAngga
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 BuildWithAngga
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 BuildWithAngga
MARTINA LORENSA

Lifetime Learner

Sngat menarik read more

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

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

logo

Maze Design

Software Gratis

logo

Figma

Software Gratis

logo

Whimsical

Software Gratis

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 550,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

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.

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 BuildWithAngga. 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 BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Test Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Test Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Test Foto kelas Complete UI Designer: Visual Design, Prototype, Usability Test

Complete UI Designer: Visual Design, Prototype, Usability Test

Learn how to build UI Wallet App

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • lock
    Opening Update Fitur Figma 2022
    1 minutes

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

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

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

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

  • lock
    Closing
    1 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
Key Points
  • check
    Membangun portofolio yang menjual
  • check
    Mempelajari usability testing dengan Maze
  • check
    Membangun UI Design dengan Figma
  • check
    Mempelajari Project Workflow dengan Whimsical
Created For
  • check
    Anda yang ingin memiliki portofolio yang menjual
  • check
    Anda yang ingin berprofesi sebagai UI/UX Designer
  • check
    Anda yang ingin belajar proses desain UI (visual design, prototype, usability test, dll)
  • check
    Anda yang ingin belajar proses UX (app brief, user flow, site map, dll)
  • check
    Anda yang ingin mendalami UI/UX
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
4,867
Happy Students
Hasnan Attariq at BuildWithAngga
Hasnan Attariq

UX Designer

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

ic-star ic-star ic-star ic-star ic-star
Muh. Nurfaizi Mursidin at BuildWithAngga
Muh. Nurfaizi Mursidin

Full-Stack Developer

materinya mudah di pahami

ic-star ic-star ic-star ic-star ic-star
Shofa Atul Alimah at BuildWithAngga
Shofa Atul Alimah

Lifetime Learner

Penjelasannya mudah dipahami. Terima kasih

ic-star ic-star ic-star ic-star ic-star
Andre Septyawan at BuildWithAngga
Andre Septyawan

Full-Stack Developer

mudah banget dipahami materinya mantapp

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

ic-star ic-star ic-star ic-star ic-star
MARTINA LORENSA at BuildWithAngga
MARTINA LORENSA

Lifetime Learner

Sngat menarik

ic-star ic-star ic-star ic-star ic-star
loader

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.

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 BuildWithAngga. 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 BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 550,000

arrow_upward