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

  • Selama saya mengerjakan tugas yang di berikan saya rasa tidak terlalu sulit, karena kita diberikan tugas sekaligus dengan pembahasannya. Jadi sedikit mudah untuk di kerjakan.

    Nurul Azikin

    SMKS MUTIARA BANGSA SEBATIK

  • Magang Di Sini Recomended Banget,,Trainer nya sabar walaupun riview project lama tapi saya maklum banyak juga project lainya yg blm di riview,,sehat terus para trainer

    Ilham Hendra Yudha

    SMK MUHAMMADIYAH 1 SUKOHARJO

  • Peserta magang sering melaporkan peningkatan signifikan dalam keterampilan mereka, terutama dalam project management, design flow, dan penggunaan berbagai software dan tools yang relevan.

    Renti

    SMKN 1 LAIS

  • Saya mendapatkan banyak manfaat setelah menyelesaikan kelas Desain Grafis dengan Adobe Illustrator bersama Gamelab. Kelas ini tidak hanya memberikan pengetahuan teknis, tetapi juga membekali saya dengan wawasan desain yang aplikatif dan sesuai kebutuhan industri kreatif saat ini. Setelah mengikuti kelas ini, saya merasa lebih percaya diri menggunakan Adobe Illustrator dalam membuat desain.

    Anita Kusumaningati

    SMKS BRANTAS KARANGKATES

  • game lab mengajarkan saya untuk membuat animasi 3D dan game lab adalah satu pelajaran yang mengajarkan saya untuk membuat animasi 3D melalui aplikasi blender, dan gamelab sangat penting bagi pelajar terutama jurusan multi media. setelah saya mengenal gamelab dan aplikasi blender, saya merasa bisa dan cukup ilmu untuk membuat animasi 3D melalui apliksi blender. saya juga sangat senang telah mengenal dan menvoba gamelab dan aplikasi blender melalui pihak sekolah. jujur awal belajar gamelab sulit dan agak susah untuk dimengerti dan pahami tapi seiring berjalnnya waktu saya bisa mengerti dan paham bahkan malah bisa untuk membuat model - model yang lainnya. dan saya harap gamelab untuk kedepannya bisa lebih banyak lagi mengajarkan animasi atau bahkan ilmu yang lainnya. saya ucapkan terimakasih kepada gamelab atas kerja samanya selama pembelajaran dan tugas - tugas berlangsung. saya harap nanti ditugas dan kerja sama berikutnya gamelab banyak digemari oleh anak muda dan khususnya anak sekolah atau pelajar. SE YOU GAMELAB DITUGAS SELANJUTNYA!!

    Maya Aulia

    SMK TUNAS MEDIA

  • Terimakasih gamelab atas ilmu yang sangat benmanfaat untuk saya,sehingga saya bisa mendapatkan banyak sekali skil dan pengalaman, sekali lagi terimakasih gamelab indonesia

    Zhekonia Zeand Arlla

    SMKS MAARIF 1 KEBUMEN

  • Aku udah nyelesain semua modul materi sama kuis pas onboarding di kelas industri Gamelab. Materinya keren banget, nggak ngebosenin sama sekali, malah seru dan gampang dipahami. Cuma kuisnya cepet banget, 1 soal cuma 10 detik, berasa ngebut banget 😭 tapi ya gpp, tetep seru kok. Pokoknya bintang 5 buat Gamelab ⭐⭐⭐⭐⭐ mantap! sukses teruss 🤩‼️

    Devanya Arum Dita

    SMK NEGERI 1 SIMPANG EMPAT

  • karena gamelab ini saya jadi bisa belajar tentang aplikasi blender 3d dan memahami tentang materi materi yang disampaikan terima kasih telah memblajari saya tentang materi yang di sampaikan

    Muhammad Dzaki Mubarok

    SMK BUDI UTOMO

  • saya mendapat banyak wawasan dan skill saya semakin meningkat mengenai branding, saya juga bisa memiliki gambaran mengenai magang dan bekerja di tempat yang sesuai dengan jurusan sekolah saya

    Rachel Abdullah

    SMKS GLOBAL INFORMATIKA

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.