Mendesain User Experience dan Tampilan Visual Website bagi UI/UX Designer (Daring)

Tentang Kelas
Tingkat Materi
Dasar

Total Durasi Kelas
15 jam

Detail Lokasi (Untuk Kelas Offline)

Tentang Kelas/Deskripsi
Melalui kelas yang merujuk pada Indonesia's Critical Occupation List (COL) 2018 - Cloud Solution Architect and UI/UX Designers ini, peserta akan dibekali materi mengenai gambaran profesi seorang UI/UX designer, dasar-dasar UI/UX design, proses UI/UX design, dan cara menggunakan tools UI/UX design yaitu figma untuk menjadi seorang UI/UX designer profesional

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

Metode Evaluasi
Pre Test
Post Test
Skill Test

Tujuan Pembelajaran
Tujuan Umum
Peserta mampu mengaplikasikan dasar-dasar UI/UX design dalam membuat tampilan visual sebuah website dengan menunjukkan minimal skor 60 pada saat unjuk keterampilan.

Tujuan Khusus
Peserta mampu menunjukkan sikap penuh rasa tanggung jawab dalam menjalankan perannya sebagai seorang UI UX designer (Afektif)
Peserta mampu merancang Design Thinking dalam membuat produk digital (Psikomotor)
Peserta mampu mengaplikasikan dasar-dasar UX design dalam pembuatan sebuah website untuk membangun pengalaman pengguna yang baik (kognitif)
Peserta mampu mengimplementasikan dasar-dasar UI design dalam mendesain tampilan sebuah website (kognitif)
Peserta mampu mengimplementasikan cara membuat UI/UX Design dengan Figma (Kognitif)
Peserta mampu membuat wireframe tampilan sebuah website dengan figma (Psikomotor)
Peserta mampu membuat prototype tampilan sebuah website dengan figma (Psikomotor)
Peserta mampu merancang desain landing page website dengan figma (Psikomotor)

Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1
19.00 - 22.00 WIB (180 menit -Memulai Karier di Bidang UI UX Design
Peserta mampu menunjukkan sikap penuh rasa tanggung jawab dalam menjalankan perannya sebagai seorang UI UX designer (Afektif)
Peserta mampu merancang Design Thinking dalam membuat produk digital (Psikomotor)
Pertemuan 2
19.00 - 22.00 WIB (180 menit - Dasar-Dasar UX Design
Peserta mampu mengaplikasikan dasar-dasar UX design dalam pembuatan sebuah website untuk membangun pengalaman pengguna yang baik (kognitif)
Pertemuan 3
19.00 - 22.00 WIB (180 menit -Dasar-Dasar UI Design
Peserta mampu mengimplementasikan dasar-dasar UI design dalam mendesain tampilan sebuah website (kognitif)
Pertemuan 4
19.00 - 22.00 WIB (180 menit -Membuat UI/UX Design dengan Figma
Peserta mampu mengimplementasikan cara membuat UI/UX Design dengan Figma (Kognitif)
Pertemuan 5
19.00 - 22.00 WIB (180 menit - Siap Menjadi UI/UX Designer yang Profesional
Peserta mampu membuat wireframe tampilan sebuah website dengan figma (Psikomotor)
Peserta mampu membuat prototype tampilan sebuah website dengan figma (Psikomotor)
Peserta mampu merancang desain landing page website dengan figma (Psikomotor)

Aspek Kompetensi
Pengetahuan (Kognisi)
Gambaran UI UX Design (Sesi 1)
Roadmap UI UX Design (Sesi 1)
Design Thinking UI UX Design (Sesi 1)
Konsep Produk Digital (Sesi 1)
Tren UI UX Design (Sesi 1)
Peran UI UX Designer (Sesi 1)
Jenjang Karier UI UX Designer (Sesi 1)
Komponen Dasar UX Design (Sesi 2)
User Experience (Sesi 2)
Pengenalan UX Research (Sesi 2)
Metode User Research (Sesi 2)
Komponen UX Design (Sesi 2)
Prinsip Dasar Membangun UX Design (Sesi 2)
Lima Tahapan Design Thinking (Sesi 2)
Emotional Design (Sesi 2)
User Persona dan Customer Journey Mapping bagi UI/UX Designer (Sesi 2)
Komponen Dasar Pembentuk User Interface (Sesi 3)
Prinsip Dasar UI Design (Sesi 3)
Cara Membuat Prototipe yang Baik (Sesi 3)
Tools yang Digunakan untuk Mendesain UI (Sesi 3)
Software Design Figma (Sesi 4)
Tools Dasar Figma (Sesi 4)
Design Sprint (Sesi 5)
Client Brief (Sesi 5)
Wireframe (Sesi 5)
Prototype UI/UX Design (Sesi 5)



Sikap Kerja (Afeksi)
Pentingnya menunjukkan sikap cermat dalam mengimplementasikan design thinking UI UX design (Sesi 1)
Pentingnya menunjukkan sikap empati untuk menempatkan diri pada posisi pengguna website (Sesi 1)
Pentingnya menunjukkan sikap cermat dalam menggunakan tools dasar Figma (Sesi 4)
Pentingnya memiliki sikap teliti dalam memahami client brief (Sesi 5)
Pentingnya mengimplementasikan komunikasi secara efektif dengan stakeholders (Sesi 5)

Keterampilan (Psikomotor)
Merancang Design Thinking (Sesi 1)
Melakukan UX Research (Sesi 2)
Membuat User Persona (Sesi 2)
Membuat Customer Journey Mapping (Sesi 2)
Menggunakan Tools Dasar Figma (Sesi 4)
Membuat Component dengan Figma (Sesi 4)
Membuat Variants dengan Figma (Sesi 4)
Melakukan Penyimpanan File di Figma (Sesi 4)
Membagikan File di Figma (Sesi 4)
Membuat Desain UI Card dengan Figma (Sesi 4)
Membuat Wireframe Berdasarkan Client Brief (Sesi 5)
Membuat Prototype UI Design (Sesi 5)
Membuat Desain Landing Page Website (Sesi 5)

Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital

Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan

Instruktur
Satya Gumilang

PENGALAMAN BEKERJA YANG RELEVAN DENGAN MATERI PELATIHAN
UI/UX Design Manager - PasarPolis - 2021 s.d sekarang
UI/UX Design Lead - PasarPolis - 2020 s.d 2021 - Bertanggung jawab atas semua aktivitas desain untuk bisnis agensi, Melakukan studi dan penelitian dan membuat laporan hasil untuk pemilik produk, Berkolaborasi dengan pemangku kepentingan/manajer produk, menerjemahkan persyaratan bisnis ke dalam desain antarmuka pengguna yang efektif
UI/UX Design Lead - IBM - 2018 s.d 2019 - Melakukan aktivitas pemikiran desain untuk mengidentifikasi kebutuhan dan poin masalah pengguna serta pemangku kepentingan, Melakukan studi dan penelitian dan membuat laporan hasil untuk pemilik produk, Berkolaborasi dengan pemangku kepentingan/manajer produk, menerjemahkan persyaratan bisnis menjadi antarmuka pengguna yang efektif
Creative Lead - iLOTTE - 2016 s.d 2017 - Pimpin, arahkan, mentori, awasi desainer grafis dan antarmuka pengguna, Buat desain dan standar dan kebijakan proses bisnis, Buat standar desain spanduk visual, Buat Man Power Plan dan tujuan tim kreatif, Buat sistem penilaian kinerja multi level untuk desainer
Senior UI/UX Designer - Nextbase - 2014 s.d 2016 - Mewawancarai klien untuk tujuan proyek, Membuat konsep, dari storyboard hingga wire-frame, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan pemrogram dan outsourcing, Mempresentasikan desain akhir kepada pemilik perusahaan dan klien, Laporan langsung ke pemilik perusahaan
Senior UI/UX Designer - PT Digdaya Duta Digital - 2013 s.d 2014 - Membuat konsep, dari papan cerita hingga gambar rangka, hingga pekerjaan desain dengan ketelitian tinggi, Menggabungkan metode Lean UX dengan pengembangan Agile ke dalam desain, Berkolaborasi dengan pemilik produk dan pemrogram, Mempresentasikan desain akhir kepada pemilik produk
Senior Multimedia Designer - Blu Brix Interactive - 2012 s.d 2013 - Membuat konsep, dari storyboard hingga wire-frame, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan pemrogram, Mempresentasikan desain akhir kepada pemilik perusahaan, Melapor langsung ke pemilik perusahaan
Senior Multimedia Designer - BigHead Internet Solutions - 2009 s.d 2012 - Membuat konsep, dari storyboard hingga wire-frame, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan pemrogram, Membuat animasi Flash (Macromedia/Adobe), dan video yang dihasilkan komputer, Mempresentasikan desain akhir kepada pemilik perusahaan
Multimedia Designer -Bay Interactive - 2007 s.d 2009 - Membuat konsep, dari storyboard hingga wire-frame, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan desainer dan pemrogram, Membuat (Macromedia/Adobe) animasi Flash, video 3D dan komputer yang dihasilkan, Laporan langsung ke art director
Web Designer - PT Cyberindo Aditama (CBN) - 2002 s.d 2007 - Mewawancarai klien untuk tujuan proyek, Membuat konsep, dari storyboard hingga wire-frame, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan desainer dan pemrogram, Membuat (Macromedia) Animasi Flash, Video 3D dan komputer yang dihasilkan, Mempresentasikan desain akhir kepada klien, Laporan langsung kepada manajer TI
Web Designer - Adelva Solutions - 2000 s.d 2002 - Mewawancarai klien untuk tujuan proyek, Membuat konsep, dari papan cerita hingga gambar rangka, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan desainer, pemrogram, dan manajer proyek, Membuat animasi Flash (Macromedia), video 3D dan komputer yang dihasilkan, Mempresentasikan desain akhir kepada klien, Melapor langsung kepada direksi
Web Designer - Menara Asia Global - 1999 s.d 2000 - Mewawancarai klien untuk tujuan proyek, Membuat konsep, dari storyboard hingga wire-frame, hingga pekerjaan desain dengan ketelitian tinggi, Berkolaborasi dengan pemrogram, Membuat animasi Flash (Macromedia), Mempresentasikan desain akhir kepada klien, Laporan langsung ke pemilik perusahaan

PENGALAMAN MENGAJAR/MEMBERIKAN PELATIHAN
Mentor UI/UX Designers - IBM - 2018 s/d 2019
Mentor User Interface (UI) Designers - iLOTTE - 2016 s/d 2017

PENGALAMAN PRESENTASI PUBLIK (PUBLIC SPEAKING) DALAM 5 TAHUN TERAKHIR
Narasumber Tips Dapat Pekerjaan di Perusahaan Impian - Skilvul - 2022

Syarat dan Cara Mengikuti Pelatihan

Syarat
Memiliki akses internet yang stabil
Memiliki minat dan ketertarikan dalam bidang UI/UX Designer
Menggunakan laptop atau PC sangat disarankan

Cara Mengikuti Pelatihan
Langkah Redeem Kode Voucher
1. Kunjungi website Rumah Siap Kerja (rumahsiapkerja.com)
2. Masuk ke akun Rumah Siap Kerja jika kamu telah mempunyai akun Rumah Siap Kerja atau daftar jika kamu belum mempunyai akun rumah siap kerja dengan mengklik tombol ""Masuk/Daftar""
3. Setelah mendaftar atau masuk ke akun kamu, klik tombol ‘Tukar Voucher’ di bawah banner
4. Masukkan kode voucher yang kamu miliki
5. Pilih jadwal yang tersedia (untuk kelas interaktif)
6. Klik 'Tukarkan Voucher'
7. Klik 'Masuk Kelas' pada kelas yang diinginkan


Langkah Redeem Redemption Code
1. ...
2. ...
3. ...