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

  • Sangat cocok untuk orang yang mau belajar design yang unik dan menarik, cantik dan baik. Sangat puas akan cara kerja aplikasi ini. Saya tertarik. Wah wah sekali,

    Nazwa Aulia Rianti

    SMKN 1 BUNGA MAYANG

  • GameLab membantu saya memahami materi dengan lebih praktis dan terarah. Materinya cukup jelas dan mudah diikuti, sehingga mendukung proses belajar dengan baik.

    Navrida Rully Anastasya

    UNIVERSITAS PELITA BANGSA

  • cukup paham kak materinya juga lengkap cukup saya pahami, tapi saya lebih suka di ajarin dikasi tau caranya gimana sekalian praktek untuk kedepannya, terimakasih kak😁🙏

    Moch Avriel Harry Putra

    SMKN 2 JEMBER

  • ⭐⭐⭐⭐⭐ Pengalaman belajar dan magang di Gamelab sangat menyenangkan dan bermanfaat. Materi yang diberikan mudah dipahami, sistem pembelajarannya terstruktur, dan sangat membantu dalam meningkatkan kemampuan di bidang teknologi, khususnya pemrograman dan pembuatan website. Mentor dan timnya juga sangat membantu ketika mengalami kesulitan. Gamelab sangat cocok untuk pelajar yang ingin menambah pengalaman, keterampilan, dan wawasan sebelum masuk ke dunia kerja. Terima kasih Gamelab atas pengalaman dan pembelajaran yang diberikan! 🙏💻

    Muhammad Hisyam Ash Shiddiq

    SMK PESANTREN TANWIRUS SUNNAH

  • menurut saya kelas gamelab itu cukup menantang dengan mengerakan modul itu cukup menegangkan tetapi dengan modul itu saya harus lebih memahami materi dan mendalami ilmu materinya, dengan mendalami ilmu di gamelab bisa mengerakan tugas nya mudah, saya harus mendalami ilmunya yang ada di gamelab agar pulang dari pkl ini saya membawa ilmu yang banyak digamelab ini seru dan trainernya sangat baik dan sangat seru

    Nazila Putri Agustin

    SMKS ISLAM INAYAH UJUNG BATU

  • Pengalaman magang di Gamelab sangat menyenangkan dan bermanfaat. Materi yang diberikan sangat jelas, trainer ramah dan suportif, serta forum diskusi memudahkan komunikasi. Program ini benar-benar membimbing saya untuk siap menghadapi dunia kerja.

    Alfanova El-razy Lamablawa

    SMK SURA DEWA

  • Kursus HTML ini sangat luar biasa! saya menyelesaikan kelas HTML ini tidak mudah. ada beberapa konsep yang cukup rumit dan membutuhkan waktu yang lama untuk dipahami

    Danang Dwi Saputra

    SMKS TAKHASSUS AL QURAN WONOSOBO

  • pembelajaran dengan modul berpikir kritis ini sangat menyenangkan, menarik, dan membantu pemahaman tentang berfikir kritis lebih dalam, saya juga menyukai cara atau metode belajar yang digunakan, karena kreatif, reaktif, dan menantang pengetahuan saya, serta melatih fokus, saya sangat tertarik dengan metode belajar seperti ini, notif seperti "Great job! " sangat membantu saya dalam meningkatkan motivasi belajar, saya seperti diberi pujian setelah selesai mengerjakan quiz, dan bold pada bagian yang penting sangat membantu saya dalam mengingat poin yang krusial, serta waktu pengerjaan quiz yang relatif cepat, membuat saya tertantang untuk mengulang dan berusaha menjawab soal dengan cepat, penjelasan melalu video yang singkat, namun penuh dengan makna, dan sangat mudah untuk dimengerti, saya sangat senang dapat belajar di gamelab Terimakasih 🙏💕......

    Khalisha Nadya Shafwah

    SMK NEGERI 01 PALEMBANG

  • Kelasnya sangat bermanfaat, materi yang disampaikan mudah dipahami dan langsung bisa diterapkan. Penjelasan instruktur jelas, dan contoh-contohnya relevan dengan dunia digital marketing saat ini. Saya merasa lebih percaya diri untuk mulai menerapkan strategi digital dalam bisnis saya. Terima kasih atas pembelajaran yang berkualitas

    Jennifer Cristy Anastasya

    SMKS KRISTEN IMMANUEL

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

Tri Asih Munaji

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.