Instansi
SA Pro
DigiStamp
Detail Kelas
Prakerja Video Belajar
Desain Website Toko Online untuk Desainer UI/UXPrakerja Video Belajar 9 Jam 5 Menit
KategoriTechnology & Software
Deskripsi
Pelatihan ini menggunakan moda: Asynchronus
Okupasi Pelatihan: Desainer UI/UX
Rujukan Okupasi: COL 2018
Gambaran Umum
Program ini memberikan pengetahuan cara membuat desain website toko online. Seluruh materi akan disampaikan dalam bentuk webinar dengan ragam konten serta aktivitas pembelajaran yang interaktif dan praktikal.
Kompetensi yang Dilatih
Melalui pelatihan ini, peserta diberikan pembelajaran terkait konsep user interface (UI), user experience, riset pengguna, teknik desain prototyping, pengenalan tools Figma, hingga praktik membuat desain toko online. Hal ini penting agar peserta mendapatkan gambaran terkait pembuatan website toko online yang sesuai dengan kebutuhan pengguna dan prinsip-prinsip desain, agar dapat menghasilkan website toko online yang memberikan kenyamanan bagi pelanggan dalam berbelanja.
Urutan Pembelajaran
Sesi 1: Pengenalan Dasar UI/UX pada Toko Online
Sesi 2: Cara Menggunakan Tools Figma untuk Desain Toko Online
Sesi 3: Perencanaan dan Wireframing Desain Toko Online
Sesi 4: Desain Prototype Toko Online
Sesi 5: Testing dan Evaluasi Desain Toko Online  

Syarat Mengikuti kelas:
1. Rentang usia 18-64 tahun
2. Minimal pendidikan SMP sederajat
3. Individu yang ingin berkarier sebagai Desainer UI/UX
4. Desainer UI/UX yang ingin meningkatkan keterampilan dalam desain UI/UX 
Selengkapnya
Tentang Instruktur
Diky WardhaniSenior User Interface
Diky Wardhani adalah lulusan S2 Ilmu Komputer yang sudah berpengalaman sebagai Senior User Interface di Pilar Dev Solution selama 5 tahun terakhir. Dengan latar belakang pekerjaan sebagai Graphic/UI-UX Designer di BRI Institute, Diky telah mengukir jejaknya dalam dunia desain grafis dan antarmuka pengguna. Selain itu, dia juga aktif sebagai Web Design/UI & UX Mentor di Webhozz, di mana dedikasinya terhadap perkembangan desain web dan pengalaman pengguna menjadi inspirasi bagi banyak orang.
Silabus
78 Video
66 Kuis
22 Dokumen
Pre Exam
Exam
Sertifikat
AktivitasTotal: 184
Tipe
DurasiTotal: 9 jam 5 menit
Pre Test
Pengenalan Dasar UI/UX pada Toko Online
1.Pembuka
1.Pembuka
Video 9 menit 19 detik
2.Commit
2.Commit
Video 5 menit 10 detik
3.Kuis Pop-Up: Commit
3.Kuis Pop-Up: Commit
Quiz-
4.Pengenalan Toko Online
4.Pengenalan Toko Online
Video 5 menit 50 detik
5.Kuis Pop-Up: Pengenalan Toko Online
5.Kuis Pop-Up: Pengenalan Toko Online
Quiz-
6.Model Bisnis Toko Online
6.Model Bisnis Toko Online
PDF-
7.Pengenalan Konsep User Interface (UI)
7.Pengenalan Konsep User Interface (UI)
Video 7 menit 1 detik
8.Kuis Pop-Up: Pengenalan Konsep User Interface (UI)
8.Kuis Pop-Up: Pengenalan Konsep User Interface (UI)
Quiz-
9.Proses UI Design
9.Proses UI Design
Video 6 menit 22 detik
10.Kuis Pop-Up: Proses UI Design
10.Kuis Pop-Up: Proses UI Design
Quiz-
11.Elemen dan Komponen UI
11.Elemen dan Komponen UI
Video 7 menit 28 detik
12.Kuis Pop-Up: Elemen dan Komponen UI
12.Kuis Pop-Up: Elemen dan Komponen UI
Quiz-
13.Prinsip UI
13.Prinsip UI
Video 3 menit 42 detik
14.Kuis Pop-Up: Prinsip UI
14.Kuis Pop-Up: Prinsip UI
Quiz-
15.Pengenalan dan Strategi Pola UI (UI Pattern)
15.Pengenalan dan Strategi Pola UI (UI Pattern)
Video 7 menit 13 detik
16.Kuis Pop-Up: Pengenalan dan Strategi Pola UI
16.Kuis Pop-Up: Pengenalan dan Strategi Pola UI
Quiz-
17.Jenis UI Pattern: Menu & Pengoperasian
17.Jenis UI Pattern: Menu & Pengoperasian
Video 7 menit 2 detik
18.Kuis Pop-Up: Jenis UI: Menu
18.Kuis Pop-Up: Jenis UI: Menu
Quiz-
19.Jenis UI Pattern: Pendahuluan hingga Formulir
19.Jenis UI Pattern: Pendahuluan hingga Formulir
Video 6 menit 23 detik
20.Kuis Pop-Up: Jenis UI: Pendahuluan hingga Formulir
20.Kuis Pop-Up: Jenis UI: Pendahuluan hingga Formulir
Quiz-
21.UI Pattern Pyramid
21.UI Pattern Pyramid
PDF-
22.Pengenalan Konsep User Experience (UX)
22.Pengenalan Konsep User Experience (UX)
Video 8 menit 53 detik
23.Kuis Pop-Up: Pengenalan Konsep User Experience
23.Kuis Pop-Up: Pengenalan Konsep User Experience
H5P-
24.Ruang Lingkup UX
24.Ruang Lingkup UX
Video 5 menit 14 detik
25.Kuis Pop-Up: Ruang Lingkup UX
25.Kuis Pop-Up: Ruang Lingkup UX
H5P-
26.Proses UX Design
26.Proses UX Design
Video 5 menit 54 detik
27.Kuis Pop-Up: Proses UX Design
27.Kuis Pop-Up: Proses UX Design
H5P-
28.Perbedaan dan Persamaan UI-UX
28.Perbedaan dan Persamaan UI-UX
Video 5 menit 8 detik
29.Kuis Pop-Up: Perbedaan dan Persamaan UI-UX
29.Kuis Pop-Up: Perbedaan dan Persamaan UI-UX
Quiz-
30.Prinsip UX
30.Prinsip UX
Video 7 menit 53 detik
31.Kuis Pop-Up: Prinsip UX
31.Kuis Pop-Up: Prinsip UX
H5P-
32.Meningkatkan Pengalaman Pengguna dalam Toko Online
32.Meningkatkan Pengalaman Pengguna dalam Toko Online
Video 7 menit 44 detik
33.Kuis Pop-Up: Pengalaman Pengguna Toko Online
33.Kuis Pop-Up: Pengalaman Pengguna Toko Online
Quiz-
34.Berkenalan dengan UI-UX Designer
34.Berkenalan dengan UI-UX Designer
Video 6 menit 57 detik
35.Kuis Pop-Up: Berkenalan dengan UI-UX Designer
35.Kuis Pop-Up: Berkenalan dengan UI-UX Designer
Quiz-
36.Menjadi UI/UX Designer
36.Menjadi UI/UX Designer
PDF-
37.Peran UI-UX dalam Kesuksesan Toko Online
37.Peran UI-UX dalam Kesuksesan Toko Online
Video 6 menit 31 detik
38.Kuis Pop-Up: Peran UI-UX dalam Kesuksesan Toko
38.Kuis Pop-Up: Peran UI-UX dalam Kesuksesan Toko
Quiz-
39.Meningkatkan UI/UX pada Web Toko Online
39.Meningkatkan UI/UX pada Web Toko Online
PDF-
40.Kesesuaian Desain dengan Tujuan dan Target Audiens
40.Kesesuaian Desain dengan Tujuan dan Target Audiens
PDF-
41.Kuis: Pengenalan Dasar UI/UX pada Toko Online
41.Kuis: Pengenalan Dasar UI/UX pada Toko Online
Test-
Tools Figma untuk Desain Toko Online
Perencanaan dan Wireframing Desain Toko Online
Desain Prototype Toko Online
Testing dan Evaluasi Desain Toko Online
Post Test
Durasi Kelas:
9 Jam 5 Menit
Harga Kelas: Rp 1.000.000
Durasi Kelas:
9 Jam 5 Menit
Rp 0