flash sale
hamburger-menu

Kelas Online Gratis
Complete Guide UX Wireframe Design

Learn how to build wireframe for user experience

icon global
Release date June 2022
icon convert
Last updated June 2023
Member

5,796 enrolled

Tingkatan
level
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

(403K)

Our Happy Students

Review setelah bergabung di kelas Complete Guide UX Wireframe Design

All Rating
dimas pradipto at BuildWithAngga
Dimas pradipto

Full-Stack Developer

materi yang diberikan jelas lengkap read more

ic-star ic-star ic-star ic-star ic-star
Ervan Darmawan at BuildWithAngga
Ervan Darmawan

UI Designer

Sangat Memuaskan read more

ic-star ic-star ic-star ic-star ic-star
Irfan at BuildWithAngga
Irfan

UI Designer

keren sih proses mulai dari wireframe ke visual design read more

ic-star ic-star ic-star ic-star ic-star
Dayu Lanang Satrio at BuildWithAngga
Dayu Lanang Satrio

Lifetime Learner

Sangat Membantu read more

ic-star ic-star ic-star ic-star ic-star
Hikmal Pramudya at BuildWithAngga
Hikmal Pramudya

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
Usep Sumarna at BuildWithAngga
Usep Sumarna

Lifetime Learner

mantaap 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

#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

icon_check

Plus - Rp 50,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

Sertifikat kelas

icon_check

Bonus materi belajar

Complete Guide UX Wireframe Design

Learn how to build wireframe for user experience

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
Key Points
  • check
    Memahami brief project dari klien atau perusahaan
  • check
    Mengenal definisi dan manfaat wireframe
  • check
    Mendalami Whimsical dan Figma untuk brainstorming wireframe
  • check
    Mengubah wireframe ke visual design
Created For
  • check
    Anda yang ingin mendalami UX wireframe
  • check
    Anda yang ingin belajar membuat wireframe
  • check
    Anda yang ingin memiliki portfolio design
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
5,796
Happy Students
dimaspradipto11 at BuildWithAngga
dimaspradipto11

Full-Stack Developer

materi yang diberikan jelas lengkap

ic-star ic-star ic-star ic-star ic-star
ervandermawan167 at BuildWithAngga
ervandermawan167

UI Designer

Sangat Memuaskan

ic-star ic-star ic-star ic-star ic-star
kartolo727562 at BuildWithAngga
kartolo727562

UI Designer

keren sih proses mulai dari wireframe ke visual design

ic-star ic-star ic-star ic-star ic-star
dayudesignn at BuildWithAngga
dayudesignn

Lifetime Learner

Sangat Membantu

ic-star ic-star ic-star ic-star ic-star
hikmalkp818 at BuildWithAngga
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 BuildWithAngga
usepsumarna81

Lifetime Learner

mantaap

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

Rp 0

arrow_upward