UI/UX Design dan Prototype

UI/UX Design dan Prototype

Peserta diharapkan mengetahui konsep desain UI dan desain UX menggunakan tools Figma. Selain itu, peserta diharapkan juga bisa membuat prototype untuk presentasi desain

Level

Pemula

Kategori

Design & Multimedia

Durasi

40 Jam

Rp 259.000

Rp 370.000

Diskon 30%
Kelas ini terdiri dari
topik 7 Topik
assesment 3 Assesment
module 33 Modul
sertifikat Sertifikat
Selamat datang di kelas Belajar Desain UI/UX dan Membuat Prototype Aplikasi!

Di kelas ini, peserta akan belajar menggunakan Figma untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX), serta membuat prototype aplikasi secara efektif.

Apa yang akan dipelajari peserta?
  • Mengenal Figma
  • Menambahkan Komponen
  • Merancang Wireframe Aplikasi
  • Mendesain Halaman Aplikasi
  • Membuat Prototype Aplikasi
Setelah belajar di kelas ini, peserta diharapkan dapat:
  • Memahami konsep dasar UI/UX design
  • Menambahkan komponen-komponen dalam desain
  • Merancang wireframe aplikasi
  • Mendesain halaman aplikasi yang responsif
  • Membuat prototype interaktif untuk aplikasi
Kelas ini untuk siapa?
  • Siswa SMK yang ingin memahami dasar-dasar desain UI/UX
  • Mahasiswa yang ingin mengembangkan keterampilan desain digital lebih lanjut
  • Masyarakat umum yang tertarik mempelajari cara merancang aplikasi yang user-friendly menggunakan Figma
Selamat datang di kelas Belajar Desain UI/UX dan Membuat Prototype Aplikasi!

Di kelas ini, peserta akan belajar menggunakan Figma untuk merancang antarmuka pengguna (UI) dan pengalaman pengguna (UX), serta membuat prototype aplikasi secara efektif.

Apa yang akan dipelajari peserta?
  • Mengenal Figma
  • Menambahkan Komponen
  • Merancang Wireframe Aplikasi
  • Mendesain Halaman Aplikasi
  • Membuat Prototype Aplikasi
Setelah belajar di kelas ini, peserta diharapkan dapat:
  • Memahami konsep dasar UI/UX design
  • Menambahkan komponen-komponen dalam desain
  • Merancang wireframe aplikasi
  • Mendesain halaman aplikasi yang responsif
  • Membuat prototype interaktif untuk aplikasi
Kelas ini untuk siapa?
  • Siswa SMK yang ingin memahami dasar-dasar desain UI/UX
  • Mahasiswa yang ingin mengembangkan keterampilan desain digital lebih lanjut
  • Masyarakat umum yang tertarik mempelajari cara merancang aplikasi yang user-friendly menggunakan Figma
Respon Positif dari alumni GAMELAB.ID

  • Materinya dirangkum dgn bahasa yg mudah dipahami, dan dgn adanya visualisasi yg diberikan membantu kita agar lebih mengerti dgn materi yg disampaikan. Terimakasih gamelab, sukses selalu :).

    Miftakhul Nur Choirul Wijaya Setiaji Setiartiarno

    SMK Negeri 1 Tengaran

  • Program gamelab ini sangat bermanfaat bagi siswa, dan saya juga berterima kasih kepada program gamelab ini karena sangat berguna untuk menjadi lebih paham tentang perancang dan manajemen jaringan

    Louis Felic Adriano

    SMKS FILADELFIA PEMANGKAT

  • Kelasnya sangat menakjubkan dan membuat saya belajar tentang banyak hal! Contohnya seperti Kaizen tersebut yang membuat saya bersemangat untuk belajar.

    Rafie Danial Fathurrahman

    SMKN 4 BOJONEGORO

  • Saya ingin mengucapkan terima kasih kepada gemlab serta pihak yang terkait atas pengalaman yang luar biasa selama pelatihan ukk ini.karena saya mendapatkan pengalaman yang dapat menambah ilmu serta meningkatkan ketrampilan khususnya di bidang digital marketing .

    Haris Zuliyanda Prayoga

    SMKS NURUL FALAH MARGATIGA

  • Gamelab adalah website yang sangat berguna untuk ingin menambah pengalaman dan sangat cocok untuk anak SMK. Dengan belajar di Gamelab saya sangat senang,materinya mudah di pahami,serta masukan dari traler juga sangat membantu

    Dany Ardiyanto

    SMK GEMA NUSANTARA

  • Kelas on boarding sangat membantu siswa dalam memahami teknologi-teknologi yang digunakan dalam pembelajaran di gamelab, memberikan motivasi dalam membuat suatu pekerjaan dan memberikan aturan aturan yang harus diikuti setiap siswa

    M Rifkal Ramadhan

    SMKN 1 REJANG LEBONG

  • Gamelab adalah platform yang menarik • mudah digunakan = antar muka yang ramah pengguna membuat nya mudah untuk memulai, bahkan bagi mereka yang tidak memiliki pengalaman pemrograman. • komunitas yang aktif = forum dan komunitas online yang mendukung membantu anda mendapatkan bantuan dan inspirasi

    Rayya Nurkhizan

    SMK ISLAM BOJONG

  • Hai,aku Nada dari SMK Muhammadiyah Purwodadi... menurut saya Gamelab ini sangat memberikan pengalaman terbaik bagi saya pribadi, karena saya bisa mengetahui materi-materi apa saja tentang akuntansi dan masih banyak lagi. Apalagi di Gamelab ini juga sesuai untuk jurusan perkantoran ini, kalo di SMK sekarang dijuluki MPLB (manajemen Perkantoran dan Layanan Bisnis)

    Nada Faza Rohima

    SMKS MUHAMMADIYAH PURWODADI

  • Saya senang dengan adanya Gamelab Indonesia karena memberikan banyak peluang bagi para pengembang game lokal untuk belajar dan berkembang. Gamelab Indonesia tidak hanya menyediakan platform untuk berbagi pengetahuan, tetapi juga menciptakan ruang kolaborasi yang memfasilitasi kreativitas dan inovasi dalam dunia game. Ini tentu sangat positif, terutama bagi generasi muda yang tertarik dengan industri game. Saya percaya, dengan adanya dukungan dari Gamelab Indonesia, industri game di Indonesia akan semakin maju dan dapat bersaing di pasar global.

    Fransiska Serlina Buran Keban

    SMKN 1 ILE APE

Silabus Kelas
Mengapa FIGMA?
1

Mengapa FIGMA?
Registrasi dan Login
2

Registrasi dan Login
Membuat Proyek Baru
3

Membuat Proyek Baru
Membuat Halaman dan Frame
4

Membuat Halaman dan Frame
Mengenal Antarmuka Figma
5

Mengenal Antarmuka Figma
Persiapan Proyek Baru
6

Persiapan Proyek Baru
Mengundang Anggota Tim ke Proyek
7

Mengundang Anggota Tim ke Proyek
Memasukkan Gambar
8

Memasukkan Gambar
Menambahkan Shape
9

Menambahkan Shape
Menambahkan Teks
10

Menambahkan Teks
Membuat Panel (Card)
11

Membuat Panel (Card)
Membuat Tombol (Button)
12

Membuat Tombol (Button)
Menambahkan Plugin
13

Menambahkan Plugin
Persiapan Proyek Baru
14

Persiapan Proyek Baru
Membuat Wireframe OnBoarding
15

Membuat Wireframe OnBoarding
Membuat Wireframe Login
16

Membuat Wireframe Login
Membuat Wireframe Registrasi
17

Membuat Wireframe Registrasi
Membuat Wireframe Home
18

Membuat Wireframe Home
Membuat Wireframe Kelas
19

Membuat Wireframe Kelas
Membuat Wireframe Event
20

Membuat Wireframe Event
Membuat Wireframe Akun
21

Membuat Wireframe Akun
Merancang Halaman OnBoarding
22

Merancang Halaman OnBoarding
Merancang Halaman Login
23

Merancang Halaman Login
Merancang Halaman Registrasi
24

Merancang Halaman Registrasi
Merancang Halaman Home
25

Merancang Halaman Home
Merancang Halaman Kelas
26

Merancang Halaman Kelas
Merancang Halaman Event
27

Merancang Halaman Event
Merancang Halaman Akun
28

Merancang Halaman Akun
Mengenal Prototyping
29

Mengenal Prototyping
Mengenal Interaction dan Animation
30

Mengenal Interaction dan Animation
Menambahkan Interaksi dan Animasi
31

Menambahkan Interaksi dan Animasi
Menambahkan Overflow Behavior
32

Menambahkan Overflow Behavior
Menjalankan Prototype
33

Menjalankan Prototype
Dengan siapa kamu akan belajar?
Andi Taru

Educa Studio

Fasilitas Tambahan
  • Tanya jawab via Whatsapp Group
  • Akses ke forum dan diskusi kelas
  • e-Sertifikat Kelas
  • CV Digital (khusus langganan)

Yuk, berlangganan dan akses semua kelas

Berlangganan sekarang juga untuk mulai. Pilih skill apapun dan pelajari kapanpun. Dapatkan materi terstruktur, modul praktik berbasis project, plus webinar series rancangan para experts.