flash sale
hamburger-menu

Kelas Online
Mastering Figma A to Z: E-Commerce UI Animation Design

Learn how to become User-Interaction Designer

icon global
Release date August 2021
icon convert
Last updated November 2023
Member

608 enrolled

Tingkatan
level
Sertifikat
icon_check
Konsultasi
icon_check

Develop Your Skills

Figma adalah sebuah perangkat lunak yang dapat digunakan untuk membuat desain antarmuka UI/UX suatu aplikasi. Figma saat ini menjadi salah satu tools design terpopuler yang memungkinkan pengguna untuk membuat mockup, prototipe, dan desain visual lainnya dengan mudah dan cepat. Figma juga memungkinkan untuk berkolaborasi secara real-time, sehingga banyak desainer dan pengembang yang menjadikan figma sebagai pilihan utama dalam menyelesaikan pekerjaannya. Figma juga secara terus-menerus mengembangkan dan memperbarui fitur-fiturnya untuk memenuhi kebutuhan desainer dan pengembang yang semakin kompleks.

Dalam pengembangan e-commerce UI Animation Design, Figma dapat menjadi alat yang sangat berguna bagi desainer. Dengan Figma, desainer dapat membuat desain interaktif yang meliputi animasi dan transisi yang akan terjadi di antara halaman-halaman e-commerce, sehingga pengguna dapat lebih mudah memahami bagaimana berinteraksi dengan situs tersebut. Selain itu, Figma juga menyediakan banyak fitur dan plugin yang membantu dalam pengembangan e-commerce UI Animation Design, seperti plugin untuk membuat animasi SVG, plugin untuk membuat animasi di dalam Figma, plugin untuk memudahkan penggunaan ikon, dan masih banyak lagi.

Melalui proses UI Animation dan Microinteraction Design, kita dapat menciptakan momen yang menarik dan menyenangkan bagi pengguna aplikasi. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat. Hal ini tentunya dapat menguntungkan banyak pihak karena dapat menghemat uang dan waktu dalam pengembangan aplikasi.

Pada kelas ini, Mentor akan menunjukkan cara mengubah desain statis menjadi lebih hidup dengan fitur Prototype: Animation & Microinteraction. Desain dan case study “E-Commerce App” telah disediakan agar kita bisa langsung mempraktikkan teorinya. Kita akan belajar dari mengenal definisi dan penggunaan Prototype, membangun connection animasi antara frame, hingga membuat presentasi mockup yang menarik untuk pitching ke klien. Kelas ini akan dipandu oleh pengajar yang berpengalaman dan ahli di bidangnya, sehingga kamu akan mendapatkan bimbingan yang terarah.

Kelas ini sangat cocok bagi kamu yang ingin mempelajari cara membuat prototipe aplikasi yang menjual. Bila kamu memiliki passion di bidang UI design, maka kelas ini akan sangat membantu dalam meningkatkan keterampilan kamu dan membawa karir kamu ke level selanjutnya. Ayo gabung dan belajar desain bersama kami sekarang!

Sneak Peek

Key Points

icon_check

Membangun portfolio UI Design yang menarik dan menjual

icon_check

Membuat Animation dari 20 case study untuk mobile app

icon_check

Mempelajari dasar-dasar prototype agar lebih mudah memahami konsep desain animasi

icon_check

Mempresentasikan desain menggunakan Animation

icon_check

Memahami MicroInteraction & Animation

Designed For

icon_check

Anda yang ingin memiliki portfolio UI Design yang menjual

icon_check

Anda yang ingin berprofesi sebagai UI/UX Designer

icon_check

Anda yang ingin mendalami Smart Animate di Figma

icon_check

Anda yang ingin mendalami Microinteraction di Figma

Course Lessons

Learn With Expert

Mentor Jalu Detya

Jalu Detya

UX Designer

ic-star ic-star ic-star ic-star ic-star

(11.5K)

Our Happy Students

Review setelah bergabung di kelas Mastering Figma A to Z: E-Commerce UI Animation Design

All Rating
Akbar Maulana R at BuildWithAngga
Akbar Maulana R

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Arkhan Lupfi at BuildWithAngga
Arkhan Lupfi

Lifetime Learner

ic-star ic-star ic-star ic-star ic-star
Muhammad Iqbal at BuildWithAngga
Muhammad Iqbal

UX Designer

ic-star ic-star ic-star ic-star ic-star
Fadjar Aidil at BuildWithAngga
Fadjar Aidil

Full-Stack Developer

ic-star ic-star ic-star ic-star ic-star
Laely Agustin at BuildWithAngga
Laely Agustin

Product Designer

ic-star ic-star ic-star ic-star ic-star
Baskara Maitri Karuna at BuildWithAngga
Baskara Maitri Karuna

UI Designer

kerennn read more

ic-star ic-star ic-star ic-star ic-star
Belum ada review
loader
Load More Reviews

Tools Pendukung

Lengkapi semua pendukung di bawah sebelum belajar

Low Risk, High Return

Investasi kepada diri kita sendiri memberikan
leverage kuat untuk masa depan karir kita

icon_check

Selamanya

Rp 390,000

Miliki kelas Premium secara permanen dan bangun sebuah projek nyata

icon_check

Akses kelas selamanya

icon_check

Premium rewards

icon_check

Career consultation

icon_check

Assets & group konsultasi

icon_check

Sertifikat kelulusan

icon_check

Lowongan magang dan kerja

Lihat Benefit Lainnya

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.
Foto kelas Mastering Figma A to Z: E-Commerce UI Animation Design Foto kelas Mastering Figma A to Z: E-Commerce UI Animation Design Foto kelas Mastering Figma A to Z: E-Commerce UI Animation Design Foto kelas Mastering Figma A to Z: E-Commerce UI Animation Design

Mastering Figma A to Z: E-Commerce UI Animation Design

Learn how to become User-Interaction Designer

  • lock
    Splashscreen/Loading Animation
    9 minutes
  • lock
    Onboarding Animation
    10 minutes
  • lock
    Sign In Animation (Typing Animation)
    13 minutes
  • lock
    Sign In Animation (Alert)
    8 minutes
  • lock
    Homepage Animation
    3 minutes
  • lock
    Detail Page Animation (Part 1)
    5 minutes
  • lock
    Detail Page Animation (Part 2)
    6 minutes
  • lock
    Detail Page Animation (Part 3)
    9 minutes
  • lock
    Search Feature - Skeleton animation (Part 1)
    11 minutes
  • lock
    Search Feature - Tab Animation (Part 2)
    4 minutes
  • lock
    Category (Horizontal Scroll & Slide Animation)
    6 minutes
  • lock
    Wishlist
    7 minutes
  • lock
    Pull to refresh
    3 minutes
  • lock
    Switch to dark mode animation
    4 minutes
  • lock
    Full Prototype (Part 1)
    10 minutes
  • lock
    Full Prototype (Part 2)
    10 minutes
  • lock
    Full Prototype (Part 3)
    4 minutes

  • lock
    Present your design with animation (Part 1)
    8 minutes
  • lock
    Present your design with animation (Part 2)
    10 minutes

  • lock
    Penutup
    1 minutes
Develop Your Skills

Figma adalah sebuah perangkat lunak yang dapat digunakan untuk membuat desain antarmuka UI/UX suatu aplikasi. Figma saat ini menjadi salah satu tools design terpopuler yang memungkinkan pengguna untuk membuat mockup, prototipe, dan desain visual lainnya dengan mudah dan cepat. Figma juga memungkinkan untuk berkolaborasi secara real-time, sehingga banyak desainer dan pengembang yang menjadikan figma sebagai pilihan utama dalam menyelesaikan pekerjaannya. Figma juga secara terus-menerus mengembangkan dan memperbarui fitur-fiturnya untuk memenuhi kebutuhan desainer dan pengembang yang semakin kompleks.

Dalam pengembangan e-commerce UI Animation Design, Figma dapat menjadi alat yang sangat berguna bagi desainer. Dengan Figma, desainer dapat membuat desain interaktif yang meliputi animasi dan transisi yang akan terjadi di antara halaman-halaman e-commerce, sehingga pengguna dapat lebih mudah memahami bagaimana berinteraksi dengan situs tersebut. Selain itu, Figma juga menyediakan banyak fitur dan plugin yang membantu dalam pengembangan e-commerce UI Animation Design, seperti plugin untuk membuat animasi SVG, plugin untuk membuat animasi di dalam Figma, plugin untuk memudahkan penggunaan ikon, dan masih banyak lagi.

Melalui proses UI Animation dan Microinteraction Design, kita dapat menciptakan momen yang menarik dan menyenangkan bagi pengguna aplikasi. Dengan kita paham proses tersebut, kita dapat membuat prototipe lebih mudah dan mendapatkan feedback desain lebih cepat. Hal ini tentunya dapat menguntungkan banyak pihak karena dapat menghemat uang dan waktu dalam pengembangan aplikasi.

Pada kelas ini, Mentor akan menunjukkan cara mengubah desain statis menjadi lebih hidup dengan fitur Prototype: Animation & Microinteraction. Desain dan case study “E-Commerce App” telah disediakan agar kita bisa langsung mempraktikkan teorinya. Kita akan belajar dari mengenal definisi dan penggunaan Prototype, membangun connection animasi antara frame, hingga membuat presentasi mockup yang menarik untuk pitching ke klien. Kelas ini akan dipandu oleh pengajar yang berpengalaman dan ahli di bidangnya, sehingga kamu akan mendapatkan bimbingan yang terarah.

Kelas ini sangat cocok bagi kamu yang ingin mempelajari cara membuat prototipe aplikasi yang menjual. Bila kamu memiliki passion di bidang UI design, maka kelas ini akan sangat membantu dalam meningkatkan keterampilan kamu dan membawa karir kamu ke level selanjutnya. Ayo gabung dan belajar desain bersama kami sekarang!

read more
Learn With Expert
Key Points
  • check
    Membangun portfolio UI Design yang menarik dan menjual
  • check
    Membuat Animation dari 20 case study untuk mobile app
  • check
    Mempelajari dasar-dasar prototype agar lebih mudah memahami konsep desain animasi
  • check
    Mempresentasikan desain menggunakan Animation
  • check
    Memahami MicroInteraction & Animation
Created For
  • check
    Anda yang ingin memiliki portfolio UI Design yang menjual
  • check
    Anda yang ingin berprofesi sebagai UI/UX Designer
  • check
    Anda yang ingin mendalami Smart Animate di Figma
  • check
    Anda yang ingin mendalami Microinteraction di Figma
For Your Career
phone
Akses Selamanya
Belajar lebih santai & produktif
private
Assets & Grup Private
Diskusi belajar agar lebih terarah
project
Sertifikat & Portfolio
Gunakan untuk modal bekerja
608
Happy Students
Akbar Maulana R at BuildWithAngga
Akbar Maulana R

Lifetime Learner

mantap

ic-star ic-star ic-star ic-star ic-star
Arkhan Lupfi at BuildWithAngga
Arkhan Lupfi

Lifetime Learner

Keren!

ic-star ic-star ic-star ic-star ic-star
Muhammad Iqbal at BuildWithAngga
Muhammad Iqbal

UX Designer

mantep

ic-star ic-star ic-star ic-star ic-star
Fadjar Aidil at BuildWithAngga
Fadjar Aidil

Full-Stack Developer

Bagus

ic-star ic-star ic-star ic-star ic-star
Laely Agustin at BuildWithAngga
Laely Agustin

Product Designer

bagus

ic-star ic-star ic-star ic-star ic-star
Baskara Maitri Karuna at BuildWithAngga
Baskara Maitri Karuna

UI Designer

kerennn

ic-star ic-star ic-star ic-star ic-star
loader

Pertanyaan Umum

Langkah yang tepat untuk berinvestasi kepada
ilmu pengetahuan yang baru di bidang IT

Contact CS

Tingkatan kelas Premium yang kami miliki dibangun untuk All Levels yang memberartikan bahwa cocok untuk seluruh tingkatan. Kami juga menyarankan calon member untuk mengikuti kelas Starter (gratis) terlebih dahulu sebagai permulaan.

Sertifikat kelulusan kelas hanya tersedia pada kelas Premium. Dan untuk mendapatkannya, para member diwajibkan untuk menyelesaikan seluruh materi kelas dan juga Quiz yang telah disediakan oleh mentor.

Salah satu benefit unggulan kami adalah group konsultasi yang diberikan sebagai bonus untuk member yang telah mengikuti kelas Premium di platform BuildWithAngga. Silakan menghubungi Admin untk mendapatkan akses pada group tersebut.

Kami mengizinkan member yang telah mengikuti kelas Premium untuk menjual kembali projek kelas kepada klien, perusahaan, etc. Syarat utamanya adalah dengan memodifikasi sedikitnya yaitu 30% dari original project buatan mentor kelas tersebut.

Kami melarang member menjual atau membagikan hak akses kelas Premium kepada orang lain yang tidak terdaftar pada kelas tersebut. Mari kita support creators Indonesia dengan cara membeli kelas secara resmi dan satu akun hanya untuk satu pengguna saja.

Kami tidak memperbolehkan member menjual kembali materi kelas di BuildWithAngga. Kami siap melanjutkan kepada proses hukum apabila Anda terbukti benar memperjualbelikan kelas kami secara ilegal.

Rp 390,000

arrow_upward