banner-0

IT & Data

Baru

Baru

Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai Desainer Website

Baba Studio

Rp499.000
  1. Kartu Prakerja
  2. Partner
  3. Baba Studio
  4. Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai Desainer Website

Mengenai Institusi

Baba Studio

Lihat Lebih Lengkap

Detail Kelas

Tentang Kelas

Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai Desainer Website

Durasi : 7 jam 15 menit

Deskripsi

Dengan mengikuti pelatihan ini, peserta akan menjadi desainer website

Sebagai seorang desainer website, peserta memadukan antara warna, tipografi dan transisi antar halaman dengan elemen yang telah dibuat menjadi sebuah tampilan yang indah pada tampilan wesbsite dan aplikasi.

Selain itu peserta mampu menampilkan fitur dan alur website yang baik sesuai dengan kepuasan pelanggan
berdasarkan konsep desain UI dan UX

Menurut data dari World Economic Forum dalam buku The Future of Jobs 2020 (https://drive.google.com/file/d/1WtWFbH8_CdjWbRKGJBOfxZTDIX9z2rMV/view?usp=sharing ) kebutuhan akan teknologi desain sangat tinggi dan menjadi top ketrampilan yang dibutuhkan.

Jika peserta mempunyai keahlian ini, maka tidak akan sulit bagi peserta untuk menemukan pekerjaan di masa sekarang ini

Pelatihan ini merujuk pada KBJI 2014 dengan kode 2166.10 profesi Desainer Website. Pelatihan ini disesuaikan dengan Standar Kompetensi Kerja Nasional Indonesia (SKKNI) Nomor 44 Tahun 2017

Kompetensi yang dilatih dalam pelatihan ini, yaitu :
1. Kompeten memahami apa itu User Interface Desain (UI)
2. Kompeten memahami apa itu User Experience (UX) Desain
3. Kompeten menggunakan Adobe XD
4. Kompeten merancang desain sendiri
5. Kompeten membuat prototyping dan wireframe dalam merancang desain
6. Kompeten memahami user / pengguna
7. Kompeten membuat konten dengan menggunakan strategi

Metode Pembelajaran

Self-paced Learning

Metode ajar yang digunakan adalah LMS, dengan Menonton Video Pembelajaran, Mengikuti ceramah interaktif (webinar dan live session), demontrasi, dan penugasan

Metode Evaluasi

Pretest, Kuis, Post Test, Tugas Akhir

Tujuan Pembelajaran

Tujuan Umum

Di akhir pelatihan, peserta mendesain tampilan fitur dan alur sistem / website yang baik sesuai dengan kepuasan pelanggan berdasarkan konsep UI dan UX Desain

Tujuan Khusus

  • Kompeten memahami apa itu User Interface Desain (UI)
  • Kompeten memahami apa itu User Experience (UX) Desain
  • Kompeten menggunakan Adobe XD
  • Kompeten merancang desain sendiri
  • Kompeten membuat prototyping dan wireframe dalam merancang desain
  • Kompeten memahami user / pengguna
  • Kompeten membuat konten dengan menggunakan strategi

Kurikulum dan Kompetensi

1. Pembukaan 03:33
2. Pengenalan Instruktur 00:28
3. User Design Experience untuk Pemula Bagian A (07:52)
4. User Design Experience untuk Pemula Bagian b (05:00)
5. Metode UX Bagian A (08:14)
6. Metode UX Bagian B (05:00)
7. Prinsip UX Bagian A (10:00)
8. Prinsip UX Bagian B (07:38)
9. Pahami Usermu Bagian A (05:10)
10. Pahami Usermu Bagian B (05:00)
11. Content Strategy Bagian A (05:00)
12. Content Strategy Bagian B (07:18)
13. Persona 04:54
14. User Journey 07:41
15. Prototyping 07:11
16. Perkenalan dan Install Adobe XD Bagian A (05:14)
17. Perkenalan dan Install Adobe XD Bagian B (05:00)
18. Pembuatan Desain Sederhana 06:14
19. Bekerja dengan Tipe pada Wireframe XD 07:13
20. Bagaimana cara membuat Tombol dan Form Checkbox pada Adobe XD Bagian A (05:25)
21. Bagaimana cara membuat Tombol dan Form Checkbox pada Adobe XD Bagian B (05:00)
22. Website icon Gratis untuk Project UI dan UX Bagian A (10:00)
23. Website icon Gratis untuk Project UI dan UX Bagian B (06:53)
24. Menggunakan Prototyping untuk Menambahkan Aksi pada Rancangan Bagian A (08:00)
25. Menggunakan Prototyping untuk Menambahkan Aksi pada Rancangan Bagian B (05:00)
26. Rancangan Video yang dapat Dilihat Oleh Murid 04:54
27. Cara Memanfaatkam Simbol di Adobe XDv 07:50
28. Menggunakan Repead Grid pada Adobe XD 09:32
29. Membuat Aplikasi Onboard di Adobe XD Bagian A (07:13)
30. Membuat Aplikasi Onboard di Adobe XD Bagian B (05:00)
31. Pembuatan Dashboard Pendaftaran Video Produksi Bagian A (10:00)
32. Pembuatan Dashboard Pendaftaran Video Produksi Bagian B (04:10)
33. Berbagi Wireframes untuk komentar di Adobe XD 08:19
34. Cara membuat Kolom Grid pada Adobe XD 05:51
35. Bekerja menggunakan Pewarnaan di dalam XD 05:53
37. Menggunakan Font yang Baik untuk Rancangan Adobe XD 17:00
38. Menggunakan Character Style pada Adobe XD 04:41
39. Membuat Realistic Button 05:02
40. Bagaimana Cara membuat Icon Sendiri? 07:54
41. Membuat Gradient pada Adobe XD 03:39
42. Pro dan Kontra dalam Menambahkan Gambar pada Adobe XD 05:40
43. Merancang menggunakan Photoshop Illustrator pada Adobe XD 08:17
44. Bagaimana Cara membuat Mask pada Adobe XD Bagian A (05:44)
45. Bagaimana Cara membuat Mask pada Adobe XD Bagian B (05:00)
46. Menambahkan Teks Field pada Adobe XD 08:57
47. Membuat Model Pop Up pada Adobe XD 04:47
48. Membuat Repead Grid Baru Bagian A (10:00)
49. Membuat Repead Grid Baru Bagian B (10:00)
50. Membuat Repead Grid Baru Bagian C (06:19)
51. Live Session 02:00:00

Aspek Kompetensi

Aspek Pengetahuan

1.Memahami apa itu User Interface (UI) (Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

2.Memahami apa itu User Experience (UX)(Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

3.Memahami user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 4 tentang User dalam User Experience pada video berjudul Pahami Usermu pada menit 00.00 - 10:10)

4.Memahami cara membuat prototyping ( Aspek ini dapat di lihat pada modul 4 tentang Desain User Experience pada video berjudul Prototyping pada menit 00.00 - 07:11)

5.Memahami cara installasi Adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Prototyping pada menit 00.00 - 07:11)

6.Memahami cara membuat wireframe ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Bekerja dengan Tipe pada Wireframe XD pada menit 00.00 - 07:13)

7.Memahami website icon untuk project UI dan UX ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

8. Memahami cara penggunakan adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

Aspek Keterampilan

1.Mampu mengenal kegunaan User Interface (UI) (Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

2.Mampu mengenal kegunaan User Experience (UX)(Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

3.Mampu mengidentifikasi user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 4 tentang User dalam User Experience pada video berjudul Pahami Usermu pada menit 00.00 - 10:10)

4.Mampu membuat prototyping ( Aspek ini dapat di lihat pada modul 4 tentang Desain User Experience pada video berjudul Prototyping pada menit 00.00 - 07:11)

5.Mampu menginstallasi Adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Prototyping pada menit 00.00 - 07:11)

6.Mampu membuat wireframe ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Bekerja dengan Tipe pada Wireframe XD pada menit 00.00 - 07:13)

7.Mampu membuat website icon untuk project UI dan UX ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

8. Mampu menggunakan adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

Aspek Sikap

1.Teliti dalam pengenalan User Interface (UI) (Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

2.Teliti dalam pengenalan User Experience (UX) (Aspek ini dapat di lihat pada modul 2 tentang Konsep dalam User Experience pada video User Design Experience untuk Pemula Bagian pada menit 00.00 - 43:04)

3.Cekatan dalam Memahami user / pengguna dan perjalanan mereka (Aspek ini dapat di lihat pada modul 4 tentang User dalam User Experience pada video berjudul Pahami Usermu pada menit 00.00 - 10:10)

4.Membuat prototyping dengan kaidah design ( Aspek ini dapat di lihat pada modul 4 tentang Desain User Experience pada video berjudul Prototyping pada menit 00.00 - 07:11)

5.Cekatan dalam menginstall Adobe XD( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Prototyping pada menit 00.00 - 07:11)

6.Teliti dalam membuat wireframe ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Bekerja dengan Tipe pada Wireframe XD pada menit 00.00 - 07:13)

7.Teliti dalam membuat website icon untuk project UI dan UX dengan teliti ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

8. Bertanggung jawab menggunakan adobe XD ( Aspek ini dapat di lihat pada modul 5 tentang UI Design For Website and Mobile with Adobe XD pada video berjudul Website icon Gratis untuk Project UI dan UX pada menit 00.00 - 16:53)

Fasilitas

  1. Video Pembelajaran
  2. Ujian
  3. Live Session
  4. Webinar Via Zoom
  5. Aplikasi Chat Tawkto
  6. E-Book
  7. Evaluasi
  8. Sertifikat Digital

Jenis Sertifikat

Sertifikat Penyelesaian 

Sertifikat Kompetensi Lulusan

Jadwal Sesi Konsultasi

Setiap Sabtu jam 09:00 bersama Aziz Indra Jaya

Instruktur

Aziz Indra Jaya

Memiliki pengalaman lebih dari 5 tahun di bidang Digital Marketing dan programming khususnya Sosial Media Marketing yaitu Facebook Ads Strategy , Linked, Twitter, Youtobe, Instagram, Google ads, SEO, Wordpress, PHP, Javascript Dikarenakan prestasinya, diapun dipercaya untuk menjadi Narasumber di berbagai lembaga baik pemerintah maupun swasta seperi PT. Telkomsel, Kominfo, Kemendikbud, PLN dll

Syarat dan Ketentuan

1. Pendidikan minimal SMA.SMK
2. Memiliki Smartphone dan atau laptop
3. Memiliki pengetahuan dasar-dasar desain
4. Memiliki kreatifitas dan rasa desain (sense of art)

Penukaran Kode Voucher

  1. Buka link website babastudio: https://kartuprakerja.babastudio.com/
  2. Klik tombol "daftar"
  3. Isi Data Diri Anda Sesuai data Kartuprakerja
  4. Klik tulisan "Submit"
  5. Pelatihan siap digunakan
Total Pembayaran
Rp -