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

Rp 7,000,000 Rp 500,000

Complete Guide UX Wireframe Design

Learn how to build wireframe for user experience

Member

4,274 enrolled

Tingkatan
Sertifikat
icon_check
Konsultasi
-

Develop Your Skills

Pada seri kelas design kali ini, Anda akan mengenal wireframing yaitu proses membuat rancangan awal desain aplikasi demi meningkatkan pengalaman pengguna (UX). Wireframe berbentuk gambar rangka dengan fokus pada penataan konten dan fungsionalitas suatu screen aplikasi. Pada tahapan ini Designer harus memperhatikan kebutuhan user beserta user flow agar menciptakan UX yang baik. Bila wireframe dibangun dengan baik oleh sang Designer dan penyampaiannya kepada rekan lain (stakeholder, Developer, UX Designer) berjalan lancar, proses pengembangan aplikasi tentunya menjadi lebih hemat uang dan waktu.

Bersama Angga Risky, Anda akan mengetahui cara membuat satu screen visual design dari sebuah wireframe. Tahapan materi terdiri dari pembahasan workflow sesuai dengan brief project, tool brainstorming yang efektif seperti Whimsical dan Miro, information architecture atau bagan informasi untuk menyusun user interface secara terstruktur, sampai praktik membangun visual design. Hasil project pada kelas ini bisa jadi langkah awal bagi Anda mendesain aplikasi. Bila berminat, Anda bisa lanjut berlatih pada Kelas Premium Design kami untuk project yang lebih beragam dan menantang.

Kelas ini sangat cocok bagi Anda yang ingin berkarir sebagai UI Designer. Kami sarankan Anda ikuti terlebih dulu kelas prasyarat pilihan BuildWith Angga agar belajar jadi maksimal. Untuk melihat seluruh materi, silakan upgrade ke Freemium Plus. Terus dukung BWA dan nantikan kelas Design terkini lainnya.

Key Points

icon_check

Memahami brief project dari klien atau perusahaan

icon_check

Mengenal definisi dan manfaat wireframe

icon_check

Mendalami Whimsical dan Figma untuk brainstorming wireframe

icon_check

Mengubah wireframe ke visual design

Designed For

icon_check

Anda yang ingin mendalami UX wireframe

icon_check

Anda yang ingin belajar membuat wireframe

icon_check

Anda yang ingin memiliki portfolio design

Course Lessons

Learn With Expert

Mentor Angga Risky

Angga Risky

Full-Stack Developer

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

(380.6K)

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

Whimsical

Software Gratis

Download Now

4,274 Happy Members

Review setelah bergabung di kelas Complete Guide UX Wireframe Design

dimaspradipto11 at BuildWith Angga
Dimaspradipto1

Full-Stack Developer

materi yang diberikan jelas lengkap

read more
ic-star ic-star ic-star ic-star ic-star
ervandermawan167 at BuildWith Angga
Ervandermawan1

UI Designer

Sangat Memuaskan

read more
ic-star ic-star ic-star ic-star ic-star
kartolo727562 at BuildWith Angga
Kartolo727562

UI Designer

keren sih proses mulai dari wireframe ke visual design

read more
ic-star ic-star ic-star ic-star ic-star
dayudesignn at BuildWith Angga
Dayudesignn

Lifetime Learner

Sangat Membantu

read more
ic-star ic-star ic-star ic-star ic-star
hikmalkp818 at BuildWith Angga
Hikmalkp818

Lifetime Learner

cocok untuk yang bener bener pemula, ternyata kelas ini masih terlalu mudah untuk saya,, tapi tetap saya sarankan untuk pemula...

read more
ic-star ic-star ic-star ic-star ic-star
usepsumarna81 at BuildWith Angga
Usepsumarna81

Lifetime Learner

mantaap

read more
ic-star ic-star ic-star ic-star ic-star
#Starter

Start to Invest 100%

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

icon_check

Basic - Rp 0

Akses dan pelajari kelas Starter secara gratis tanpa sertifikat

icon_check

Bayar 0 rupiah

icon_check

Akses kelas selamanya

Mulai Belajar
icon_check

Plus - Rp 40,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Starter

icon_check

Sekali bayar saja

icon_check

Akses kelas selamanya

icon_check

Materi belajar terbaru

icon_check

Master design project

icon_check

Sertifikat kelas

icon_check

Bonus materi belajar

Mulai Belajar

Complete Guide UX Wireframe Design

Learn how to build wireframe for user experience

  • Membuat MoodBoard Design
    5 minutes
  • Membuat Project Design Figma
    6 minutes
  • Design Header Stocks
    4 minutes
  • Design CTA Buttons
    5 minutes
  • Design Chart Stock
    7 minutes
  • Finishing Design Chart
    4 minutes
  • Penutup kelas Wireframe UX buildwith angga 1
    1 minutes
Develop Your Skills

Pada seri kelas design kali ini, Anda akan mengenal wireframing yaitu proses membuat rancangan awal desain aplikasi demi meningkatkan pengalaman pengguna (UX). Wireframe berbentuk gambar rangka dengan fokus pada penataan konten dan fungsionalitas suatu screen aplikasi. Pada tahapan ini Designer harus memperhatikan kebutuhan user beserta user flow agar menciptakan UX yang baik. Bila wireframe dibangun dengan baik oleh sang Designer dan penyampaiannya kepada rekan lain (stakeholder, Developer, UX Designer) berjalan lancar, proses pengembangan aplikasi tentunya menjadi lebih hemat uang dan waktu.

Bersama Angga Risky, Anda akan mengetahui cara membuat satu screen visual design dari sebuah wireframe. Tahapan materi terdiri dari pembahasan workflow sesuai dengan brief project, tool brainstorming yang efektif seperti Whimsical dan Miro, information architecture atau bagan informasi untuk menyusun user interface secara terstruktur, sampai praktik membangun visual design. Hasil project pada kelas ini bisa jadi langkah awal bagi Anda mendesain aplikasi. Bila berminat, Anda bisa lanjut berlatih pada Kelas Premium Design kami untuk project yang lebih beragam dan menantang.

Kelas ini sangat cocok bagi Anda yang ingin berkarir sebagai UI Designer. Kami sarankan Anda ikuti terlebih dulu kelas prasyarat pilihan BuildWith Angga agar belajar jadi maksimal. Untuk melihat seluruh materi, silakan upgrade ke Freemium Plus. Terus dukung BWA dan nantikan kelas Design terkini lainnya.

read more
Learn With Expert
Angga Risky
Angga Risky
Full-Stack Developer
rating-star rating-star rating-star rating-star rating-star
(380.6K)
Key Points
  • Memahami brief project dari klien atau perusahaan
  • Mengenal definisi dan manfaat wireframe
  • Mendalami Whimsical dan Figma untuk brainstorming wireframe
  • Mengubah wireframe ke visual design
Created For
  • Anda yang ingin mendalami UX wireframe
  • Anda yang ingin belajar membuat wireframe
  • Anda yang ingin memiliki portfolio design
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
4,274
Happy Students
dimaspradipto11 at BuildWith Angga
dimaspradipto11

Full-Stack Developer

materi yang diberikan jelas lengkap

ic-star ic-star ic-star ic-star ic-star
ervandermawan167 at BuildWith Angga
ervandermawan167

UI Designer

Sangat Memuaskan

ic-star ic-star ic-star ic-star ic-star
kartolo727562 at BuildWith Angga
kartolo727562

UI Designer

keren sih proses mulai dari wireframe ke visual design

ic-star ic-star ic-star ic-star ic-star
dayudesignn at BuildWith Angga
dayudesignn

Lifetime Learner

Sangat Membantu

ic-star ic-star ic-star ic-star ic-star
hikmalkp818 at BuildWith Angga
hikmalkp818

Lifetime Learner

cocok untuk yang bener bener pemula, ternyata kelas ini masih terlalu mudah untuk saya,, tapi tetap saya sarankan untuk pemula...

ic-star ic-star ic-star ic-star ic-star
usepsumarna81 at BuildWith Angga
usepsumarna81

Lifetime Learner

mantaap

ic-star ic-star ic-star ic-star ic-star
Tools Pendukung
Figma
Figma
Software Gratis
Whimsical
Whimsical
Software Gratis
arrow_upward