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

  • Pendapat saya tentang gamelab itu.. materinya mudah difahami walaupun cuma berbentuk teks. Kakak trainernya juga ramah dan baik. Semoga di gamelan saya bisa menjadi orang yang profesional di bidang teknologi

    Achmad Fatkur Rizki

    SMKN SUGIHWARAS

  • Agak sedih Jerman kalah 1-2 lawan Jepang tapi aku dah duga kali jepang itu team kuda hitam meski gk ada hubungan tentang game tapi aku tetap kesal, terimakasih game lab bisa juga buat belajar materi juga mudah dimengerti

    Muhammad Galang Rambu Anaki

    SMK NEGERI 1 JEPARA

  • Kelas industri gamelab sangat asyik dan menyenangkan, di gamelab indonesia saya banyak mendapat tambahan ilmu. Semoga untuk gamelab indonesia kedepannya semakin maju.

    I Kadek Adryan Wesdiana Putra

    SMKN 1 TABANAN

  • Saya pribadi ga nyangka sih akhirnya bisa buat website sendiri dengan bootstrap. Awalnya saya punya banyak kesulitan untuk mengerjakan proyek ini, apalagi saya ga pernah buat website pake bootstrap sebelumnya. Tapi saya bersyukur banget walaupun punya banyak kesulitan seperti banyak bagian yang saya gatau dan banyak yang harus direvisi, tapi saya selalu dapet respon yang baik dan membantu dari trainer nya. Dari kesalahan-kesalahan itu saya jadi belajar banyak banget tentang pembuatan website dengan bootstrap. Terimakasih banyak untuk Trainer saya kak Najib yang sudah banyak membantu saya menyelesaikan tugas akhir ini dan juga terimakasih banyak untuk GAMELAB atas materi pembelajaran nyaa.

    Asti Nataya Lumban Gaol

    SMK NEGERI 1 JAKARTA

  • Bagus program nya membantu mudah di pahami Saya sangat senang mengunakan program gamelab Karna sangat mudah membantu saya dalam belajar Terima kasih gamelab indonesia

    Resti Yolanda

    SMKN 1 LAIS

  • pembelajaran HTML dan CSS di Gamelab sangat membantu saya memahami dasar pembuatan website dari nol. materinya terstruktur, mudah dipahami, dan banyak latihan praktik yang membuat saya lebih paham. Terima kasih Gamelab atas pengalaman belajarnya.

    Ahmad Sukron

    SMK NEGERI 1 SUDIMORO

  • selama ini selalu merasa bahwa sudah berpikir secara logika. Namun, teryata saya selalu berpikir falasi. terimakasih atas pembelajaran yang diberikan sehingga saya mengetahui dan berpikir untuk mencari tahu tentang diri saya, orang lain atau informasi yang benar dan akurat.

    Slamet Nur Aziz

    Universitas PGRI Semarang

  • Pembelajaran Accurate mudah dipahami karena modul yang diberikan berisi langkah-langkah yang detail dan jelas. Hal tersebut memudahkan saya dalam mengikuti setiap materi dan memahami penggunaan aplikasi Accurate.

    Diah Sukma Lestari

    SMKN 1 TABANAN

  • Sangat menyenangkan belajar bersama gamelab, tutorialnya sungguh jelas dan memuaskan juga di sertai dengan GIF yang membuat saya cepat mudah memahami langkah langkahnya....

    Tasyaufy Isma Nur Aulia

    SMK NEGERI 1 KEEROM

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.