Teknik UI UX Design menggunakan Figma (Daring)

Tentang Kelas
Tingkat Materi
Dasar

Total Durasi Kelas
15 jam

Tentang Kelas/Deskripsi
Pelatihan ini menggunakan moda Webinar

Rujukan Okupasi: Critical Occupation List (COL) 2018 / Desainer UI/UX

Kompetensi yang dilatih:
Pada pelatihan ini, peserta akan dilatih untuk memperoleh kompetensi yang dibutuhkan dalam merancang user interface dan user experience.

Gambaran Pelatihan:
Pelatihan ini memiliki tujuan yang jelas, dimana peserta harus mampu membuat UX & UI design menggunakan Figma sesuai tahapan Discover-Explore-Test dengan mendapatkan skor minimal 80% dalam unjuk keterampilan. Dimulai dengan menganalisis permasalahan design, membuat wireframe dan userflow dengan fitur dasar Figma, membuat UI Moodboard, kemudian membuat Mobile App Design dan prototype dengan Figma, hingga membuat Web Design untuk suatu Landing Page. Oleh karena itu, penting bagi siapa saja yang ingin meningkatkan kemampuan mereka sebagai Desainer UI/UX untuk mengikuti pelatihan ini.

Urutan Pembelajaran:
Sesi 1: Pengenalan UI UX Design
Sesi 2: Prinsip UX Design
Sesi 3: Prinsip UI Design
Sesi 4: Mobile App Design
Sesi 5: Web Design

Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah interaktif, studi kasus, dan bahan bacaan dengan penugasan praktek

Metode Evaluasi
Pre Test
Post Test
Skill Test

Tujuan Pembelajaran

Tujuan Umum
Peserta (A) mampu membuat UX & UI design menggunakan Figma sesuai dengan tahapan Discover-Explore-Test (B) dengan mendapatkan nilai minimum 80% (D) pada Unjuk Keterampilan (C)

Tujuan Khusus
Tujuan Khusus 1: Peserta dapat menganalisis permasalahan design sebagai implementasi tahapan UI UX Design 1: Discover
Tujuan Khusus 2: Peserta dapat membuat wireframe dan userflow dengan fitur dasar Figma
Tujuan Khusus 3: Peserta dapat membuat UI Moodboard sebagai implementasi tahapan UI UX Design 2: Explore
Tujuan Khusus 4: Peserta dapat membuat Mobile App Design dan prototype menggunakan Figma
Tujuan Khusus 5: Peserta dapat membuat Web Design untuk Landing Page sebagai portofolio UI UX Design

Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
14.00-17.00 WIB (180 menit - Pengenalan UI UX Design)

Pertemuan 2
14.00-17.00 WIB (180 menit - Prinsip UX Design)

Pertemuan 3
14.00-17.00 WIB (180 menit - Prinsip UI Design)

Pertemuan 4
14.00 - 17.00 WIB (180 menit - Mobile App Design)

Pertemuan 5
14.00 - 17.00 WIB (180 menit - Web Design)

Aspek Kompetensi
Pengetahuan (Kognisi)
Dasar UX & UI Design
Perbedaan UI & UX
Peran UI UX Designer dalam Perusahaan
Sejarah UI UX Design
Tahapan Membuat UI UX Design
Fitur dasar Figjam
Fitur dasar Figma
Metode SCAMPER
Teori Warna (Color Theory & Psychology)
Jenis-jenis Mobile App
Prinsip pada Mobile App Design
Prinsip dalam Web Design

Sikap Kerja (Afeksi)
Kritis dan analitis dalam memprioritaskan permasalahan design
Kreatif dalam merencanakan ide UX & UI design
Teliti dalam menerapkan teknik Figma
Kreatif dalam membuat wireframe
Kritis dan analitis dalam membuat color combination
Kreatif dalam membuat UI Moodboard
Teliti dalam menerapkan teknik Figma
Analitis dalam membuat suatu layout
Kreatif dalam membuat Mobile App Design
Kreatif dalam membuat prototype dengan interaction yang menarik
Teliti dalam membuat Grid System
Kreatif dalam membuat Web Design untuk Landing Page

Keterampilan (Psikomotor)
Mengimplementasikan tahapan UI UX Design
Menganalisis permasalahan UX & UI design dalam suatu produk menggunakan Figjam
Membuat sketsa solusi UX & UI design dari suatu permasalahan
Mengaplikasikan teknik-teknik Figma
Membuat wireframe dan userflow suatu produk
Membuat color combination menggunakan Coolors.co
Membuat UI Moodboard
Membuat Mobile App Design yang meliputi halaman Onboarding, Sign In, dan Home
Membuat UI Design dengan teknik Figma
Membuat Grid System menggunakan Figma
Membuat Web Design untuk Landing Page

Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital

Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan

Instruktur
Miftah Rizqi Hanafi

Pengalaman Bekerja
UX & UI Design Lead - Baituljannah.com - 2023 s.d. Saat ini
Head of Flolab Academy - Flolab - Jul 2022 s.d. Jun 2023
UX & UI Design Lead - Flolab - Oct 2020 s.d. Jan 2023
Senior UX & UI Designer - Flolab - Jul 2017 s.d. Oct 2020
UX & UI Designer - LiteLabs - Jul 2016 s.d. Jun 2017
UX & UI Designer - Sale Stock - Mei 2016 s.d. Jul 2016
UX & UI Designer - Freelance - Nov 2015 s.d. Mei 2016
Asisten Pengajar - Yogyakarta State University - Jun 2015 s.d. Nov 2015
IT Trainer & Specialist - Thiess - Mei 2014 s.d. Aug 2014

Pengalaman Mengajar
UI UX Design & Research - Komisi Pemberantasan Korupsi - LURING - 2020 (50 peserta)
Intermediate UI UX Design - Komisi Pemberantasan Korupsi - DARING - 2020 (20 peserta)
Belajar Teknik UX & UI Design menggunakan Figma bagi UI UX Designer - Prakerja - DARING - 2023 (300 peserta)

Pengalaman Presentasi Publik (Public Speaking) Dalam 5 Tahun Terakhir
Webinar & Workshop: How to Create a User-Friendly Digital Product - Mau Belajar Apa (Daring) - 2022
Mentoring Session: 1-on-1 Mentoring at Deall Career Mentoring Festival (DCMF) 2022 - Deall (Daring) - 2022
Webinar: Building a Hyper-Local Startup in Indonesia - Brick (Daring) - 2022
Seminar: How to Design a Product your Users will Love! - Block71 (Jakarta) - 2018

Syarat dan Cara Mengikuti Pelatihan

Syarat dan Ketentuan
- Berusia 18-64 tahun
- Pendidikan terakhir minimal SMA
- Memiliki Laptop/Komputer dan Smartphone
- Memiliki jaringan internet
- Memiliki Akun Google/Gmail
- Memiliki aplikasi Figma
- Memiliki ketertarikan terhadap UI UX Design

Cara Mengikuti Pelatihan
Cara Mendapatkan dan Menukarkan Kode Voucher untuk User
1. Setelah berhasil membeli pelatihan, peserta akan mendapatkan email berisi kode redeem dari Prakerja dan email berisi kode voucher dari digital platform
2. Kunjungi link https://www.masteringskill.com/id/redeem-prakerja, buatlah akun sebelum melanjutkan
Catatan: Gunakan nama lengkap dan email yang sesuai dengan ID Prakerja. Data tersebut akan ditampilkan pada sertifikat hingga kelas berakhir pastikan data diri dengan benar.
3. Input kode redeem.
4. Input kode voucher.
5. Klik gunakan voucher untuk lanjut ke tahap verifikasi.
6. Setelah kode redeem diinput, peserta akan langsung diarahkan ke halaman login di website Prakerja untuk melakukan verifikasi wajah.
7. Peserta akan langsung diarahkan ke halaman pelatihan setelah verifikasi wajah berhasil