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

  • saya sangat sangat belajar lebih dalam tentang ilmu komputerdi pemograman dasar javascript walaupun saya belum terlalu banyak paham tentang komputer dan di bidang ini saya harus lebih tekun rajin dalam memahami ilmu komputer

    Andi Husni Rizky Damarullah

    SMKN 1 TANAH GROGOT

  • Menyelesaikan kelas web frontend dengan Bootstrap adalah pengalaman yang sangat bermanfaat. Kelas ini membantu saya memahami dasar-dasar pengembangan web dengan fokus pada kerangka kerja Bootstrap, yang memudahkan pembuatan antarmuka responsif. Saya belajar tentang grid system, komponen seperti navbar, tombol, form, hingga fitur utility yang mempercepat pengembangan tanpa harus menulis banyak CSS dari awal. Kelas ini juga memberikan pemahaman mendalam tentang bagaimana mengoptimalkan tampilan website di berbagai perangkat, dari desktop hingga mobile. Secara keseluruhan, keterampilan yang saya peroleh sangat aplikatif dan akan membantu dalam proyek pengembangan web di masa depan.

    Juanto Paressa

    SMKN 1 TANA TORAJA

  • luar biasa keren.... jadi tau cara bikin games, karena selama ini hanya sebatas end user tukang ngegame aja kayak candy crush, soda, dll. pas tau bikinnya ribet, susah, dan butuh banget logika buat bikin game itu jalan, salut dan applause banyak2 buat pro

    Ririn Risnawati

    Kementerian Keuangan

  • Terima kasih kepada @GamelabIndonesia telah memberi pelajaran yang sangat bermanfaat, semoga di modul2 berikutnya bisa menambah wawasan yang lebih banyak lagi

    Vina Aulia Putri Rismawati

    SMK SYUBBANUL WATHON SECANG

  • saya merasa program ini sangat membuat saya menjadi pribadi yang baik dalam melaksanakan kegiatan produktifitas saya , saya menjadi lebih baik karena materi yang diberikan serta mengasah kemampuan saya dalam mengedit dan membuat vidio menjadi lebih menari

    Muhamad Ilham

    Universitas Indraprasta PGRI

  • walaupun materinya tidak mudah, tapi menarik untuk saya, dan terasa mudah karena trainernya selalu memberikan bimbingan yang terbaik untuk saya. saya sangat bangga bisa magang disini

    Zillah Zerlinda

    SMK AS-SALIMIYAH

  • mungkin akan merekomendasikan karena sangat bermanfaat dan menguji kesabaran dan ketelitian kita. hanya saya saran dari saya ketika jawaban benar atau salah pas diakhir harusnya dikasih tau, agar saya tahu mana yang benar, mana yang salah.

    Serly Mellina

    Universitas Bina Sarana Informatika Jakarta

  • Saya sangat senang mempelajari materi yang ada di gamlelab ini dan saya mendapat ilmu saat mempelajari materi tentang gamelab ini dari mulai belajar html, CSS

    Handika Saputra

    SMK NEGERI 1 TEBING TINGGI

  • Modul game development yang menggunakan Phaser.io dan JavaScript ini sangat bagus dan interaktif. Materinya disajikan dengan cara yang menarik dan mudah dipahami, membuat proses belajar menjadi lebih menyenangkan dan efektif. Saya sangat merekomendasikan modul ini bagi siapa saja yang ingin meningkatkan keterampilan dalam membuat game.

    Muhammad Rifat Fadhillah

    Universitas Indonesia

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.