Complete Guide UX Wireframe Design

Learn how to build wireframe for user experience

Member

1,137 enrolled

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

Memahami brief project dari klien atau perusahaan

Mengenal definisi dan manfaat wireframe

Mendalami Whimsical dan Figma untuk brainstorming wireframe

Mengubah wireframe ke visual design

Designed For

Anda yang ingin mendalami UX wireframe

Anda yang ingin belajar membuat wireframe

Anda yang ingin memiliki portfolio design

Learn With Expert

Angga Risky

Full-Stack Developer

Profile Mentor

Happy Learning

Materi kelas yang bermanfaat untuk karir kita

1

Intro

play_circle

Berkenalan Dengan Wireframe

3 mins

play_circle

Workflow dan Tools Wireframe

3 mins

play_circle

Memahami Brief Design

2 mins

2

Project

play_circle

Design Product dan CTA

5 mins

play_circle

Finishing Design Details Page

6 mins

play_circle

Checkpoint belajar wireframe to visual

1 mins

3

Wireframe to Visual

lock

Membuat MoodBoard Design

5 mins

lock

Membuat Project Design Figma

6 mins

lock

Design Header Stocks

4 mins

lock

Design CTA Buttons

5 mins

lock

Design Chart Stock

7 mins

lock

Finishing Design Chart

4 mins

lock

Penutup kelas Wireframe UX buildwith angga 1

1 mins

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Figma

Software Gratis

Download Now

Whimsical

Software Gratis

Download Now

1,137 Happy Members

Review setelah bergabung di kelas Complete Guide UX Wireframe Design

dimas pradipto

Full-Stack Developer

materi yang diberikan jelas lengkap

Featured Projects

0 Hasil karya terbaik di kelas Complete Guide UX Wireframe Design

Belum ada hasil karya.

#Starter

Start to Invest 100%

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

Standard

Akses dan pelajari kelas Starter
secara gratis tanpa sertifikat

Bayar 0 rupiah

Akses kelas selamanya

Mulai Belajar

Plus - Rp 25,000

Unlock benefit lainnya yang bisa
didapatkan di kelas Starter

Sekali bayar saja

Akses kelas selamanya

Materi belajar terbaru

Master design project

Sertifikat kelas

Bonus Materi

Mulai Belajar & Benefit