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,760 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

(396.2K)

Our Happy Students

Review setelah bergabung di kelas Complete Guide UX Wireframe Design

All Rating
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
muhamad idlal aditama at BuildWithAngga
Muhamad idlal aditama

Data Scientist

sangat menarik dan mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Herman Saputra at BuildWithAngga
Herman Saputra

UX Designer

Materi sangat jelas dan mudah dipahami, Cocok banget buat pemula yang masih belajar UX dan UI diawal read more

ic-star ic-star ic-star ic-star ic-star
Jessica Angelina at BuildWithAngga
Jessica Angelina

UI Designer

Terima kasih atas materi yang di berikan, semoga selalu di update lagi kelas" baru read more

ic-star ic-star ic-star ic-star ic-star
Alfian Nur at BuildWithAngga
Alfian Nur

Full-Stack Developer

Easy to learn. Thanks 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,760
Happy Students
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
idlaladitama09824 at BuildWithAngga
idlaladitama09824

Data Scientist

sangat menarik dan mudah dipahami

ic-star ic-star ic-star ic-star ic-star
hermansaputra2304 at BuildWithAngga
hermansaputra2304

UX Designer

Materi sangat jelas dan mudah dipahami, Cocok banget buat pemula yang masih belajar UX dan UI diawal

ic-star ic-star ic-star ic-star ic-star
jessicaangelinagatur21 at BuildWithAngga
jessicaangelinagatur21

UI Designer

Terima kasih atas materi yang di berikan, semoga selalu di update lagi kelas" baru

ic-star ic-star ic-star ic-star ic-star
alfiannur212 at BuildWithAngga
alfiannur212

Full-Stack Developer

Easy to learn. Thanks

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