flash sale
hamburger-menu

Kelas Online
Complete UI Designer: Wireframe, Visual Design, Handoff

Flow UI/UX design from start to finish

icon global
Release date September 2024
icon convert
Last updated October 2024
Member

105 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Dalam kelas ini, kita akan mempelajari proses pembuatan website pemesanan langganan membership gym "Fitcamp" melalui proses UI/UX design.

Materi yang akan diberikan meliputi tahapan membaca Brief, lalu membuat Ideation berdasarkan brief yang telah diberikan dan akan dilanjut dengan membuat MindMap dan User Flow agar proses mempermudah melihat gambaran besar interaksi antara product dan user.

Setelah itu kita akan merancang Ideation tersebut menjadi Wireframe, untuk mendapaatkan rancangan tampilan serta component yang akan digunakan pada project yang kita buat.

Selanjutnya kita akan membuat Component dan Style Guide di Figma, agar saat membuat tampilan Visual Design proses pengerjaannya menjadi lebih cepat dan efisien.

Next kita akan mempelajari cara membuat tampilan Visual Design dengan memanfaatkan fitur Auto Layout di figma, agar kita memahami layout yang dapat didevelop, sehingga mempermudah proses handoff ke developer.

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

Memahami flow UI/UX Design mulai dari Brainstorming hingga Handoff design ke developer

icon_check

Memahami brief, mindmap, dan userflow untuk menciptakan produk yang fungsional serta sesuai dengan kebutuhan user

icon_check

Memahami Auto Layout agar proses design tampilan layout menjadi jauh lebih cepat

Designed For

icon_check

Anda yang ingin punya portfolio design menarik

icon_check

Anda yang sedang mempelajari UI/UX Design

icon_check

Anda yang ingin mendalami figma New UI3 lebih advance

icon_check

Anda yang ingin belajar membuat design website subscribe gym

Course Lessons

Learn With Expert

Mentor Dhimas Prio

Dhimas Prio

Product Designer

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

(51.1K)

Our Happy Students

Review setelah bergabung di kelas Complete UI Designer: Wireframe, Visual Design, Handoff

All Rating
Laxmi Rani Rebekah Ronaldo at BuildWithAngga
Laxmi Rani Rebekah Ronald

UI Designer

Bagus Sekali untuk pemula, sangat mudah dipahami. read more

ic-star ic-star ic-star ic-star ic-star
Rezki Fauzi at BuildWithAngga
Rezki Fauzi

UI Designer

Terimakasih BWA, Khusus kak dhimas thank u so much pembelajaran dri awal hingga akhir jadi desain utuh mantul. Desain illustratornya bagus. semangat trus membangun talenta digital indonesia BWA. read more

ic-star ic-star ic-star ic-star ic-star
Eko at BuildWithAngga
Eko

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
addam pambudi at BuildWithAngga
Addam pambudi

Lifetime Learner

materi nya protoype mana, belum ada read more

ic-star ic-star ic-star ic-star ic-star
Felix Stevian at BuildWithAngga
Felix Stevian

Lifetime Learner

Sangat bermanfaat dan membantu read more

ic-star ic-star ic-star ic-star ic-star
Havidz Muhammad Iqbal at BuildWithAngga
Havidz Muhammad Iqbal

UX Designer

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

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 455,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: Wireframe, Visual Design, Handoff Foto kelas Complete UI Designer: Wireframe, Visual Design, Handoff Foto kelas Complete UI Designer: Wireframe, Visual Design, Handoff Foto kelas Complete UI Designer: Wireframe, Visual Design, Handoff

Complete UI Designer: Wireframe, Visual Design, Handoff

Flow UI/UX design from start to finish

  • lock
    Flow Project UI/UX Designer
    7 minutes
  • lock
    Memahami Brief Project Client
    6 minutes

  • lock
    Mind Map Home Page Screen
    6 minutes
  • lock
    Mind Map Category and Detail Screen
    5 minutes
  • lock
    Mind Map Subscribe and Transaction Scr
    7 minutes

  • lock
    Wireframe Header Section
    9 minutes
  • lock
    Wireframe Step and Banner Section
    1 minutes
  • lock
    Wireframe Gym Location Card
    8 minutes
  • lock
    Finishing Wireframe Section
    10 minutes
  • lock
    Wireframe Category Search
    5 minutes
  • lock
    Wireframe Details Page
    14 minutes
  • lock
    Wireframe Subscribe Package Page
    7 minutes
  • lock
    Wireframe Transaction
    11 minutes
  • lock
    Wireframe Checkout
    8 minutes
  • lock
    Wireframe Success, Check, Ticket
    11 minutes

  • lock
    Introduction Figma
    5 minutes
  • lock
    Introduction Auto Layout
    8 minutes
  • lock
    Import Asset FitCamp
    2 minutes
  • lock
    Export and Import Wireframe to Figma
    2 minutes
  • lock
    Installing Font and Figma Agent
    5 minutes

  • lock
    UI Header and Navigation Bar
    15 minutes
  • lock
    UI Hero Header Section
    12 minutes
  • lock
    UI Step How To Use Section
    13 minutes
  • lock
    UI Location Category Section
    11 minutes
  • lock
    UI Gym Card Section
    20 minutes
  • lock
    UI Testimonial Section
    9 minutes
  • lock
    UI Benefit Section
    8 minutes
  • lock
    UI Footer Section
    10 minutes

  • lock
    UI Category Search Page
    6 minutes

  • lock
    UI Thumbnail Section
    7 minutes
  • lock
    UI Subscribe and Contact Section
    10 minutes
  • lock
    UI Information Gym Section
    23 minutes
  • lock
    UI Testimonial Section
    13 minutes

  • lock
    UI Subscribe Package Section
    15 minutes

  • lock
    UI Account Details Section
    9 minutes
  • lock
    UI Booking Details Section
    5 minutes
  • lock
    UI Summary Section
    8 minutes

  • lock
    UI Transaction Section
    12 minutes

  • lock
    UI Success Section
    7 minutes

  • lock
    UI View Transaction Section
    4 minutes

  • lock
    UI Transaction Ticket Section
    7 minutes
Develop Your Skills

Dalam kelas ini, kita akan mempelajari proses pembuatan website pemesanan langganan membership gym "Fitcamp" melalui proses UI/UX design.

Materi yang akan diberikan meliputi tahapan membaca Brief, lalu membuat Ideation berdasarkan brief yang telah diberikan dan akan dilanjut dengan membuat MindMap dan User Flow agar proses mempermudah melihat gambaran besar interaksi antara product dan user.

Setelah itu kita akan merancang Ideation tersebut menjadi Wireframe, untuk mendapaatkan rancangan tampilan serta component yang akan digunakan pada project yang kita buat.

Selanjutnya kita akan membuat Component dan Style Guide di Figma, agar saat membuat tampilan Visual Design proses pengerjaannya menjadi lebih cepat dan efisien.

Next kita akan mempelajari cara membuat tampilan Visual Design dengan memanfaatkan fitur Auto Layout di figma, agar kita memahami layout yang dapat didevelop, sehingga mempermudah proses handoff ke developer.

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
  • check
    Memahami flow UI/UX Design mulai dari Brainstorming hingga Handoff design ke developer
  • check
    Memahami brief, mindmap, dan userflow untuk menciptakan produk yang fungsional serta sesuai dengan kebutuhan user
  • check
    Memahami Auto Layout agar proses design tampilan layout menjadi jauh lebih cepat
Created For
  • check
    Anda yang ingin punya portfolio design menarik
  • check
    Anda yang sedang mempelajari UI/UX Design
  • check
    Anda yang ingin mendalami figma New UI3 lebih advance
  • check
    Anda yang ingin belajar membuat design website subscribe gym
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
105
Happy Students
Laxmi Rani Rebekah Ronaldo at BuildWithAngga
Laxmi Rani Rebekah Ronaldo

UI Designer

Bagus Sekali untuk pemula, sangat mudah dipahami.

ic-star ic-star ic-star ic-star ic-star
Rezki Fauzi at BuildWithAngga
Rezki Fauzi

UI Designer

Terimakasih BWA, Khusus kak dhimas thank u so much pembelajaran dri awal hingga akhir jadi desain utuh mantul. Desain illustratornya bagus. semangat trus membangun talenta digital indonesia BWA.

ic-star ic-star ic-star ic-star ic-star
Eko at BuildWithAngga
Eko

Lifetime Learner

.

ic-star ic-star ic-star ic-star ic-star
addam pambudi at BuildWithAngga
addam pambudi

Lifetime Learner

materi nya protoype mana, belum ada

ic-star ic-star ic-star ic-star ic-star
Felix Stevian at BuildWithAngga
Felix Stevian

Lifetime Learner

Sangat bermanfaat dan membantu

ic-star ic-star ic-star ic-star ic-star
Havidz Muhammad Iqbal at BuildWithAngga
Havidz Muhammad Iqbal

UX Designer

Mantap

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 455,000

arrow_upward