Akses kelas selamanya
Masuk /
Daftar
Our Happy Students
Review setelah bergabung di kelas Mastering Figma A to Z: E-Commerce UI Animation Design
Kelas Online
Mastering Figma A to Z: E-Commerce UI Animation Design
Learn how to become User-Interaction Designer
Release date August 2021
Last updated November 2023
Member
609 enrolled
Tingkatan
Sertifikat
Konsultasi
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
Membangun portfolio UI Design yang menarik dan menjual
Membuat Animation dari 20 case study untuk mobile app
Mempelajari dasar-dasar prototype agar lebih mudah memahami konsep desain animasi
Mempresentasikan desain menggunakan Animation
Memahami MicroInteraction & Animation
Designed For
Anda yang ingin memiliki portfolio UI Design yang menjual
Anda yang ingin berprofesi sebagai UI/UX Designer
Anda yang ingin mendalami Smart Animate di Figma
Anda yang ingin mendalami Microinteraction di Figma
Course Lessons
Learn With Expert
Jalu Detya
UX Designer
(11.5K)
Tools Pendukung
Lengkapi semua pendukung di bawah sebelum belajar
Figma
Software Gratis
Low Risk, High Return
Investasi kepada diri kita sendiri memberikan
leverage kuat untuk
masa depan karir kita
Selamanya
Rp 390,000
Miliki kelas Premium secara permanen dan bangun sebuah projek nyata
Akses kelas selamanya
Premium rewards
Career consultation
Assets & group konsultasi
Sertifikat kelulusan
Lowongan magang dan kerja
(4,869)
Build and Animate Realistic Car with Blender
Rp
150,000
Rp
25,000
(10)
3D Blender dan UI UX Landing Page
Rp 400,000
(1,124)
.png)
(121)
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
Mastering Figma A to Z: E-Commerce UI Animation Design
Learn how to become User-Interaction Designer
-
Perkenalan Mentor1 minutes
-
Alasan kelas dibuat1 minutes
-
Introduction Micro Interaction5 minutes
-
Dasar Prototype, Interaction & animation4 minutes
-
Splashscreen/Loading Animation9 minutes -
Onboarding Animation10 minutes
-
Sign In Animation (Typing Animation)13 minutes
-
Sign In Animation (Alert)8 minutes
-
Homepage Animation3 minutes
-
Detail Page Animation (Part 1)5 minutes
-
Detail Page Animation (Part 2)6 minutes
-
Detail Page Animation (Part 3)9 minutes
-
Search Feature - Skeleton animation (Part 1)11 minutes
-
Search Feature - Tab Animation (Part 2)4 minutes
-
Category (Horizontal Scroll & Slide Animation)6 minutes
-
Wishlist7 minutes
-
Pull to refresh3 minutes
-
Switch to dark mode animation4 minutes
-
Full Prototype (Part 1)10 minutes
-
Full Prototype (Part 2)10 minutes
-
Full Prototype (Part 3)4 minutes
-
Present your design with animation (Part 1)8 minutes
-
Present your design with animation (Part 2)10 minutes
-
Penutup1 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
-
Membangun portfolio UI Design yang menarik dan menjual
-
Membuat Animation dari 20 case study untuk mobile app
-
Mempelajari dasar-dasar prototype agar lebih mudah memahami konsep desain animasi
-
Mempresentasikan desain menggunakan Animation
-
Memahami MicroInteraction & Animation
Created For
-
Anda yang ingin memiliki portfolio UI Design yang menjual
-
Anda yang ingin berprofesi sebagai UI/UX Designer
-
Anda yang ingin mendalami Smart Animate di Figma
-
Anda yang ingin mendalami Microinteraction di Figma
For Your Career
Akses Selamanya
Belajar lebih santai & produktif
Assets & Grup Private
Diskusi belajar agar lebih terarah
Sertifikat & Portfolio
Gunakan untuk modal bekerja
609
Happy Students
Happy Students
Akbar Maulana R
Lifetime Learner
mantap
Arkhan Lupfi
Lifetime Learner
Keren!
Muhammad Iqbal
UX Designer
mantep
Fadjar Aidil
Full-Stack Developer
Bagus
Laely Agustin
Product Designer
bagus
Baskara Maitri Karuna
UI Designer
kerennn
Tools Pendukung
Pertanyaan Umum
Langkah yang tepat untuk berinvestasi kepada
ilmu
pengetahuan yang baru di bidang IT
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.
