Pertemuan Elemen Kompetensi Sub Materi Penugasan

Orientasi siswa dan materi Temu bakat

Installasi Adobe Photoshop CS6
Mengenal ukuran design, dan fungsi CMYK dan RGB
W 1; D 1 Pengenalan Photoshop Mengganti 3 background warna gambar
Menambahkan dan memotong gambar
Mengenal dan menambahkan huruf
Menghilangkan background gambar

Menganti warna background gambar Membuat design feed instagram/FB

Mengatur kontras gambar

Menambahkan Shape (bentuk) pada gambar
Membuat banner dan flyer
W 1; D 2
menggunakan photoshop Menambahkan efek pada shape
Membuat design story instagram/FB
Mengenalkan cara pembuatan desain postingan
sosial media
Mengenalkan cara pembuatan desain banner atau
flyer

Pengenalan dan penggunaan Pengenalan Canva Pro Membuat feed instagram menggunakan
Canva Pro Canva Pro
Penggunaan tools Canva Pro
UI/UX Design 101 (Mengenai pengertian ui/ux design,
sejarah singkat ui/ux design, kenapa harus ada ui/ux
W 1; D 3 design)
Platform untuk mencari kerja mau di korporat atau Membuat rangkuman materi hari ini
Pengenalan fundamental UI UX
freelance untuk UI/UX Designe (dribbble. uplabs, menggunakan slide presentasi Canva Pro
behance, dan fiverrr)
Teori dasar atau kaidah-kaidah tentang UI/UX Design
(UT)

Penjelasan role UX Designer dan jobdesc UX Designer Melakukan research dengan metode
di perusahaan kualitatif
W 1; D 4 UX Research
 Penjelasan tentang user research, cara user research,
W 1; D 4 UX Research
dan cara mengelola informasi dari user Mengeloah data menjadi informasi based
Menjelaskan metode user research yg biasa on research
digunakan

Menentukan User Persona, Customer Journey, Design Membuat buyyer persona dengan Canva
Flow resume
W 1; D 5 UX Research
Membuat presentasi hasil research dan di
Evaluasi user research yg telah dilakukan
paparkan

Kenapa Design Thinking? Kenapa pentingnya

mempelajari hal ini?
Mindset apa saja yang perlu diterapkan dalam design
thinking
Praktek membuat seluruh proses design
How to use Design Thinking?
Design Thinking dan Agile thinking menggunakan sticky notes ambil
W 1; D 6 Mempraktekkan bagaimana menerapkan seluruh
Methode contoh kasus yang ada di sekitar (design
proses design thinking dengan contoh suatu kasus.
flow, customer mapping, dll)
Case Design Thinking dalam real flow di perusahaan
Penjelasan tentang design sprint vs design thinking vs
scrum
Pertemuan Elemen Kompetensi Sub Materi Penugasan
Penjelasan role UI Designer dan jobdesc UI
Designer di perusahaan
Tips untuk UI Designer dan memulai membuat
Fundamental UI Designer
UI Design
Mempelajari komponen-komponen yg ada di UI
W 2; D 1
Design

Instal Figma
Menggunakan tools-tools Figma untuk
Pengenalan Figma
Pengenalan tools-tools Figma membuat design bebas
Pengenalan komunitas Figma

Kenapa pentingnya mempelajari hal ini?

Alignment
Size & Contrast
Space
Color Theory Menerapkan kaidah kaidah UI
W 2; D 2 Kaidah-kaidah UI Designer Selecting Better Colors
Typography
Consistency
Simplicity
Contoh aps/web apa saja yang menggunakan Mencari 5 jenis web/aps yang
kaidah-kaidah tersebut menggunakan kaidah-kaidah tersebut

Cara evaluasi UI yang sudah ada

UI Designer Membuat redesign sebuah page
Contoh meredesign sebuah page.
Membuat design sebuah page
W 2; D 3
Evaluasi terhadap design yg dibuat berdasarkan studi kasus (Tema:
Study Case
Company profile)
Mengenalkan flow dan jenis interaksinya Membuat flow page yang dibuat

Cara evaluasi UI yang sudah ada

UI Designer Membuat redesign sebuah page
Contoh meredesign sebuah page.
W 2; D 4
 Membuat design sebuah page
W 2; D 4
Evaluasi terhadap design yg dibuat berdasarkan studi kasus (Tema:
Study Case
Travel)
Mengenalkan flow dan jenis interaksinya Membuat flow page yang dibuat

Kolaborasi Designer dengan Cara berinteraksi dengan programer

Programer
W 2; D 5 Pengenalan Zeplin Import design dari Figma ke zeplin
Membuat design projected 3 device
Study Case Small Projected
(tablet, desktop, mobile)

From Set Up to Start Up

W 2; D 6 People Development (Start up)
Problem Solver
 Pertemuan Elemen Kompetensi Sub Materi Penugasan

Kenapa harus pakai Design Sprint? Kapan harus

pakai Design Sprint?
Siapa saja yang berperan di dalam Design
Simulasi singkat bagaimana
Sprint
W 3; D 1 - D 5 Design Sprint melakukan Design Sprint dalam 1
Hal-hal yang harus disiapkan sebelum memulai
minggu PT KLM 123
Design Sprint

Penjelasan detil hari per hari dari Design Sprint

Penjelasan tools Miro.io

Public Speaking 4G Praktik public speaking

W 3; D 6 People Development (Start up)
Business mode on spiritual belt
Pertemuan Elemen Kompetensi Sub Materi Penugasan
Tips menghadapi wawancara
Tips membuat cv kerja
Tips and Triks Lingkungan Kerja
Tips berkarir sebagai UI/UX
Tips setelah selesai bootcamp harus apa
W 4; D 1
Membuat design hasil portofolio 2 project
Design hasil portofolio sebelumnya
Portofolio project
Mengunggah hasil portofolio di platform
Linkedin dan Dribbble Behance dan Linkedin

• Melakukan user research

W 4; D 2 - 5 Final Projected
• Membuat design thinking/Design Sprint
berdasarkan hasil research
• Membuat wireframe dan mockup
berdasarkan hasil research
• Membuat tampilan UI Design
berdasarkan hasil mockupnya
Membuat suatu aplikasi dari awal research lanjut • Memberikan hasil UI Design kepada user
ke ui design dan terakhir import ke zeplin untuk (dan terdapat revisian tampilan)
diteruskan ke programmer. • Memulai kembali dari pembuatan
wireframe dan mockup
• Membuat tampilan revisian UI Design
• Memberikan hasil kepada user
• Melakukan testing kepuasan user
terhadap tampilan yg dibuat
• Presentasi
• Upload di Dribbble & Linkedin

Angle Investor
W 2; D 6 People Development (Start up)
The Power Of Habits