Pengembangan Diri
Daring
Membuat Desain Website untuk Desainer UI/UX (Daring)
HiColleagues
Mengenai Institusi

HiColleagues
Detail Kelas
Usia 18 - 57 Tahun
Kelas Online
SMA/SMK Sederajat - S2
Tentang Kelas
Tingkat Materi
Dasar/Menengah/Ahli
Total Durasi Kelas
15 jam
Tentang Kelas/Deskripsi
Era digitalisasi telah membawa perubahan terhadap pola perilaku masyarakat khususnya dalam menjalankan aktivitas bisnis/usaha. Website merupakan salah satu wujud modernisasi dari cara konvensional yang telah bertransformasi menjadi produk digital. Selain sebagai representatif dalam membangun kredibilitas profesional dan menampung aktivitas bisnis/usaha, Website juga memiliki peran penting sebagai pilar perusahaan maupun UMKM dalam memajukan ekonomi digital Indonesia. Kesadaran ini telah membuka kesempatan besar kepada talenta digital khususnya Desainer UI/UX untuk berkontribusi aktif mewujudkan produk digital Website yang memiliki daya saing dalam transformasi digital. Menyesuaikan kebutuhan Indonesia’s Critical Occupation List (COL) 2018 tentang Desainer UI/UX, maka di kelas ini kamu akan mempelajari pengetahuan dasar, proses kerja dan beberapa topik penunjang dalam membuat Desain Website. Dengan kelas ini kamu dapat memahami dan merancang produk digital Desain Website yang memiliki nilai fungsi dan estetika sehingga dapat tercapai tujuan. Melalui projek study case kamu dapat memperluas wawasan dan mengasah keterampilan sebagai bekal menjadi Desainer UI/UX maupun pelaku UMKM.
Deskripsi Metode Pembelajaran
Metode ajar yang digunakan adalah ceramah interaktif melalui webinar, penugasan, dan bahan bacaan dengan penugasan praktek.
Metode Evaluasi
Pre-Test
Kuis
Tugas Praktik Mandiri
Post-Test
Uji Keterampilan
Tujuan Pembelajaran
Tujuan Umum
Peserta pelatihan mampu melakukan perancangan desain website dengan memahami prinsip desain dan proses kerja dalam perancangan Desain UI/UX (User Interface/User Experience) hingga mengevaluasi fungsi dan estetik website dengan menunjukkan minimum 60% penguasaan materi pada saat Unjuk Keterampila.
Tujuan Khusus
1. Mengaplikasikan fundamental Desain UI/UX & Desain Website
2. Mengaplikasikan fitur dan fungsi tool Figma dalam perancangan Desain Website
3. Mengaplikasikan proses perancangan desain website melalui tahap visualisasi Wireframe (Low-Fi)
4. Mengaplikasikan proses perancangan desain website melalui tahap visualisasi Prototype (High-Fi)
5. Mengaplikasikan proses perancangan desain website melalui tahap visualisasi Prototype (High-Fi) hingga langkah Hand-Off Desain
Kurikulum dan Kompetensi
Kurikulum
Pertemuan 1 :
19.00 - 22.00 WIB (180 menit - Pengenalan Desain UI/UX & Website) 1. Peserta mampu Memahami fundamental Desain UI/UX & Website
Pertemuan 2 :
19.00 - 22.00 WIB (180 menit - Figma sebagai Tool Desain UI/UX) 1. Peserta mampu memahami fitur dan fungsi tool Figma dalam perancangan Desain
Website.
Pertemuan 3 :
19.00 - 22.00 WIB (180 menit - Perancangan Wireframe (Low-Fi) Desain Website) 1. Peserta mampu memahami proses perancangan desain website melalui tahap visualisasi Wireframe (Low-Fi)
Pertemuan 4 :
19.00 - 22.00 WIB (180 menit - Perancangan Prototype (High-Fi) Desain Website) 1. Peserta mampu memahami proses perancangan desain website melalui tahap visualisasi Prototype (High-Fi)
Pertemuan 5 :
19.00 - 22.00 WIB (180 menit - Perancangan Prototype (High-Fi) Desain Website Lanjutan 1. Peserta mampu memahami proses perancangan desain website melalui tahap visualisasi Prototype (High-Fi) hingga langkah Hand-Off Desain
Aspek Kompetensi
Pengetahuan (Kognisi)
1. Pengenalan Desain UI/UX
2. Pengenalan Website
3. Proses Kerja dalam Desain UI/UX
4. Pengenalan Tool Figma
5. Pengenalan Wireframe (Low-Fi) Desain Website
6. Memahami Prinsip Dasar Desain
7. Mengetahui Hal-hal Seputar Desain UI/UX
8. Pengenalan Prototype (High-Fi) Desain Website 5
9. Memahami Penerapan Desain Button
10. Memahami Evaluasi dan Improvisasi Desain UI/UX
11. Memahami Langkah Hand-Off Desain
Sikap Kerja (Afeksi)
1. Cermat
2. Berpikir Terbuka
3. Teliti
4. Adaptif
5. Kreatif
6. Terstruktur
Keterampilan (Psikomotor)
1. Uji Coba Tool Desain Figma
2. Duplikat Desain Wireframe (Low-Fi)
3. Merancang Desain Prototype (High-Fi)
4. Mengimprovisasi Desain Prototype (High-Fi)
Fasilitas
1. Ujian & Evaluasi
2. Sertifikat Digital
Jenis Sertifikat
1. Sertifikat Penyelesaian Pelatihan
Instruktur
Handika Wahyu Jatmiko
Pengalaman Bekerja
- 2023 - Sekarang : Product Designer - PT Generasi Anak Muda Berkarya / HiColleagues
- 2022 - Sekarang : Senior UI/UX Designer - PT Generasi Anak Muda Berkarya / HiColleagues
- 2019 - 2021 : Junior UI/UX Designer - PT Skynosoft Portal Prima / Oorth
Pengalaman Mengajar
- Mentorship Program : Copywriting & Design - Kumham Muda Fest 2023, Kemenkumham Muda Indonesia - 2023
- Social Media Specialist : MSIB Cycle 5, Kampus Merdeka - 2023
- Social Media Specialist : MSIB Cycle 3, Kampus Merdeka - 2022
- Prototype & Mock Up Design - Corporate Training, HiColleagues - 2021
- Implementasi User Interface Design - Bootcamp Junior Web Developer, Balai Diklat Industri Denpasar - 2019
Syarat dan Cara Mengikuti Pelatihan
Syarat
1. Peserta memiliki gawai untuk pelaksanaan kelas yang terdiri dari smartphone atau laptop
2. Peserta harus mengakses kelas melalui LMS HiColleagues
3. Peserta wajib datang di seluruh pertemuan dan mengikuti setiap rangkaian pelatihan, termasuk evaluasi berupa test maupun unjuk keterampilan
4. Memiliki akses internet yang baik untuk mendukung proses pembelajaran
5. Peserta tidak buta huruf
6. Pria dan wanita dengan rentang usia 18 - 57 tahun
7. Minimal pendidikan dari peserta adalah SMA sederajat
Cara Mengikuti Pelatihan
Langkah Redeem Kode Voucher
1. .Kunjungi website HiColleagues melalui https://www.hicolleagues.com, kemudian pilih menu Prakerja atau masuk ke link berikut https://www.hicolleagues.com/prakerja
2. Lalu pilih salah satu pelatihan sesuai yang telah dibeli melalui Platform Digital (pastikan tidak salah memilih kelas pelatihan HiColleagues! Harus sesuai dengan yang telah dibeli di Platform Digital!)
3. Masukkan data diri berupa Nama, Email, dan Nomor HP. (Pastikan data tersebut sesuai dengan yang terdaftar di Platform Kartu Prakerja)
4. Kemudian masukkan Voucher Code (di dapat dari Platform Digital) dan Redeem Code (di dapat dari Prakerja).
5. Lalu klik tombol “Terapkan”, untuk menukarkan Voucher Code dan Redeem Code tersebut. Pastikan total nilainya adalah 0.
6. Kemudian klik “Tukarkan Voucher”
7. Setelah itu, sistem akan mengirimkan akun peserta ke email terdaftar. Mohon cek email pada inbox dan/atau spam