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

(392.2K)

Our Happy Students

Review setelah bergabung di kelas Complete Guide UX Wireframe Design

All Rating
Muhammad Arief at BuildWithAngga
Muhammad Arief

Full-Stack Developer

sangat bermanfaat read more

ic-star ic-star ic-star ic-star ic-star
Anwar Natar at BuildWithAngga
Anwar Natar

UI Designer

semakin kesini semakin bertambah lagi pengetahuan tentang UI/UX..... read more

ic-star ic-star ic-star ic-star ic-star
Dhimas Rizki Rusmaya at BuildWithAngga
Dhimas Rizki Rusmaya

UX Designer

Penjelasan materi yang mudah dipahami read more

ic-star ic-star ic-star ic-star ic-star
Muhammad Rizqi Arifianto at BuildWithAngga
Muhammad Rizqi Arifianto

UX Designer

Mudah di pahami read more

ic-star ic-star ic-star ic-star ic-star
Puspa Aulia M.J at BuildWithAngga
Puspa Aulia M.J

Lifetime Learner

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
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,690
Happy Students
muhammadariefart at BuildWithAngga
muhammadariefart

Full-Stack Developer

sangat bermanfaat

ic-star ic-star ic-star ic-star ic-star
anwarenteer at BuildWithAngga
anwarenteer

UI Designer

semakin kesini semakin bertambah lagi pengetahuan tentang UI/UX.....

ic-star ic-star ic-star ic-star ic-star
dhimasrizki at BuildWithAngga
dhimasrizki

UX Designer

Penjelasan materi yang mudah dipahami

ic-star ic-star ic-star ic-star ic-star
muhammadfian6546 at BuildWithAngga
muhammadfian6546

UX Designer

Mudah di pahami

ic-star ic-star ic-star ic-star ic-star
aulialia11 at BuildWithAngga
aulialia11

Lifetime Learner

good

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
loader

Rp 0

arrow_upward