Kami Baba Studio telah berdiri selama 17 tahun dengan 130 ribu murid dan alumni. Beberapa Pencapaian Baba Studio
adalah:
1. Peraih Ratusan Penghargaan
2. Termasuk 5 ICT Award dari Menkominfo
A. JUDUL
FRONT END DEVELOPER SEBAGAI DESIGNER WEBSITE
HARGA Rp. 5.000.000
B. DESKRIPSI PELATIHAN
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
C. 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
D. TUJUAN KHUSUS
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
E. KELOMPOK SASARAN
Peserta yang dapat mengikuti pelatihan ini, yaitu
:
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)
F. SILABUS DAN DURASI
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
TOTAL DURASI : 7 JAM, 15 MENIT, 57 DETIK
G. SILABUS
/ GAMBARAN MATERI
Di materi ini akan mempelajari materi tentang :
1. Memahami apa itu User Interface Desain (UI)
2. Memahami apa itu User Experience (UX) Desain
3. Menggunakan Adobe XD
4. Merancang desain sendiri
5. Membuat prototyping dan wireframe dalam
merancang desain
6. Memahami user / pengguna
7. Membuat konten dengan menggunakan strategi
H. ASPEK KOMPETENSI
Aspek Kompetensi: Pengetahuan (Knowledge) :
Dengan mempelajari materi Merancang user
interface dan user experience untuk membuat spesifikasi kebutuhan perangkat
lunak sebagai desainer sistem, peserta :
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 Kompetensi: Keterampilan (Skill) :
Dengan mempelajari materi Merancang user
interface dan user experience untuk membuat spesifikasi kebutuhan perangkat
lunak sebagai desainer sistem, peserta :
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 Kompetensi: Sikap (Attitude) :
Dengan mempelajari materi Merancang user interface dan user experience untuk membuat spesifikasi kebutuhan perangkat lunak sebagai desainer sistem, peserta :
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)
I. METODE AJAR/LATIH DAN EVALUASI PESERTA
Metode Ajar yang digunakan dalam pelatihan ini yaitu Hybird
J. DATA INSTRUKTUR DAN RIWAYAT PROFESI
Nama Pengajar : RUDIANTO S.KOM
Skill Tenaga Pelatih :
Memiliki pengalaman lebih dari 5 tahun dibidang Programming dan Digital Marketing search engine optimization ( SEO ) dan juga Search Engine Marketing ( SEM) dan juga memilliki pengalaman mengajar lebih dari 3 (Tiga) tahun di bidang Desain Grafis, Pembuatan Website, Digital Marketing Seperti cara beriklan di Facebook, di Google, Twitter, Instagram, Cara beriklan di Youtube dan juga programing seperti Vue Js dan JavaScript, sebagai instruktur dan narasumber di berbagai kementerian dan perusahaan swasta seperti Telkomsel, Kominfo, Kemendikbud, LIPI, BNI dll.
JENIS/KLASIFIKASI SERTIFIKAT
Certificate of Completion & Graduation
K. MEKANISME EVALUASI
Mekanisme Evaluasi pada program pelatihan ini yaitu :
1. Soal quiz
2. Soal-soal Post Test
3. dan Penugasan
Di Materi ini kamu akan mempelajari:
1. Konsep dalam User Experience
Metode Pembayaran bisa dilakukan dengan cara :