Akses kelas selamanya

Ambil Promo
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,627 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

(386.7K)

Our Happy Students

Review setelah bergabung di kelas Complete Guide UX Wireframe Design

All Rating
Mei Mustaqim at BuildWithAngga
Mei Mustaqim

Lifetime Learner

Penjelasannya mudah dipahami read more

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

UI Designer

Materi yang di sampaikan mudah di pahami dan sangat jelas penyampaian'a... Terimakasih read more

ic-star ic-star ic-star ic-star ic-star
Dea Pratiwi Putri at BuildWithAngga
Dea Pratiwi Putri

Lifetime Learner

Kelasnya bagus, mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Irsan Nur Hidayat at BuildWithAngga
Irsan Nur Hidayat

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Cecep Roni at BuildWithAngga
Cecep Roni

UI Designer

Terimakasih untuk materinya mas angga dan team.. read more

ic-star ic-star ic-star ic-star ic-star
Atharifat Gandi at BuildWithAngga
Atharifat Gandi

Lifetime Learner

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,627
Happy Students
morbtale at BuildWithAngga
morbtale

Lifetime Learner

Penjelasannya mudah dipahami

ic-star ic-star ic-star ic-star ic-star
iqballucky96 at BuildWithAngga
iqballucky96

UI Designer

Materi yang di sampaikan mudah di pahami dan sangat jelas penyampaian'a... Terimakasih

ic-star ic-star ic-star ic-star ic-star
gardeaaputri at BuildWithAngga
gardeaaputri

Lifetime Learner

Kelasnya bagus, mudah dipahami

ic-star ic-star ic-star ic-star ic-star
irsannh at BuildWithAngga
irsannh

Lifetime Learner

ok

ic-star ic-star ic-star ic-star ic-star
cepron123 at BuildWithAngga
cepron123

UI Designer

Terimakasih untuk materinya mas angga dan team..

ic-star ic-star ic-star ic-star ic-star
atharifat at BuildWithAngga
atharifat

Lifetime Learner

mntp

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

Rp 0

arrow_upward