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

  • Banyak hal yang bisa aku pelajari dari kelas ini dikarenakan modul yang mudah dipahami dan mentor yang cepat tanggap saat ada kesulitan. Berkat itu, skill-ku dalam menggunakan blender meningkat. Terima kasih banyak atas ilmunya.

    Fanny Azzahra

    Institut Kesenian Jakarta

  • berlajar bareng gamelab itu sangat seru banget, kadang ada mudahnya kadang ada susahnya juga, dan aku dapat banyak pelajaran terutama tengan penggunaan coreldraw dan mendesain.

    Monalisa

    SMKS MAHARATI

  • Pengalaman magang saya di tempat ini dapat saya gambarkan sebagai perjalanan yang penuh pembelajaran dan perkembangan profesional. Saya merasa beruntung telah diberikan kesempatan untuk bekerja di lingkungan yang mendukung dan memotivasi. Selama magang, saya telah terlibat dalam berbagai proyek yang memberi saya peluang untuk mengasah keterampilan teknis dan analitis saya. Dengan adanya bimbingan yang berkelanjutan, saya merasa mendapatkan wawasan yang berharga tentang industri ini dan bagaimana menghadapi situasi dunia nyata. Secara keseluruhan, magang ini telah memberikan saya fondasi yang kokoh dalam memahami dunia kerja di industri ini. Saya sangat bersyukur atas pengalaman ini dan yakin bahwa pelajaran yang saya peroleh akan menjadi modal berharga dalam perjalanan karier saya ke depan.

    Fadel Muhammad Ikhsan

    Universitas Ahmad Dahlan

  • Sangat memuaskan! Materi disampaikan dengan jelas, mudah dipahami. Proyek yang diberikan juga membantu saya lebih memahami konsep frontend dengan Bootstrap. Pengalaman belajar di Gamelab benar-benar bermanfaat, saya jadi lebih percaya diri dalam membuat tampilan website. Sangat direkomendasikan!

    Fherry Satiano

    Universitas Kristen Satya Wacana

  • Selama mengikuti program magang, saya mempelajari pembuatan aset game 2D mulai dari desain hingga siap digunakan dalam game dan menunjukkan kemampuan pemahaman saya di bidang tersebut.

    Calvin Santosa

    Universitas Bina Nusantara

  • Sistem pengedukasian yang berkelanjutan menjadi salah satu hal utama yang menurut saya sangat bervalue selama menjalankan magang gamelab sejauh ini, menitoring yang aktuf juga menjadi sebuah keunggulan tersendiri yang saya rasakan manfaatnya sejauh ini manakala menjalankan magang di gamelab.

    Raden Ahmad Haikal El-musyaddat Arya Negara_undip

    Universitas Diponegoro

  • Pada materi ini merupakan materi fundamental dari sebuah proses yang dimana untuk melanjutkan ke ranah materi pemrograman karena pada pemateri pemrograman sangat perlu materi critical thinking untuk membentuk temen - temen berpikir menggunakan logika masing - masing akan tetapi materi akan lebih mudah dipahami ketika perlu dengan adanya analogi yang dirasa sangat membantu temen - temen untuk mudah mengingat pada tiap - tiap materi

    Anjas Restu Mulia Adhi

    Universitas Islam Sultan Agung

  • mantap bangett pokok nyaa seruu belajarr sambil menambah wawasan juga tentang desain grafis trainer dan admin sangat seruu ngga ngebosenin sukses selalu buat pak tri,pak galih dan kak evi

    Muhamad Giovan Gading Gustavie

    SMK BUDI UTOMO JOMBANG

  • Kelas yang isinya materi dan kuis tentang critical thinking, also despite pilihan jawaban yang tricky banget, soal-soalnya keren, relevan dgn kehidupan nyata dan sangat mengasah kemampuan critical thinking itu sendiri. Visual feedback-nya juga kerennn. Overall, kelas ini solid n well structred banget. I had such a fun and meaningful exercise! also #DESCARTESMENTIONEDD #CogitoErgoSum #IthinkThereforeIAm

    Fatimah Azzahra Khairunnisa

    SMK PESANTREN TANWIRUS SUNNAH

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.