<- Semua Events

Detail acara

🗓️ Sabtu, 16 December 2023
🕰️ 10am - 12pm WIB

Online Webinar via ZOOM Private

Daftar Live

Workshop

Rekaman + Materi + Bonus plus plus akan dishare untuk semua yang daftar.

Apa yang akan kamu pelajari

Ada total 7+ topik pembahasan yang kita cover di workshop ini:

✅
How motion impacting digital experiences
✅ Traditional and digital way of creating motion
✅ LottieFiles ecosystem to help organization produce and maintain motion system
✅ 12 princinples of motion
✅ Praktek ngebuat animasi dengan plugin LottieFiles
✅ Export to GIF
✅ Handover to dev (.json and .lottie)
✅ Implementasi hasil animasi ke Framer
✅ Framer: Lottie sebagai Looping Background
✅ Framer: Lottie sebagai Hero Animation
✅ Framer: Lottie sebagai Hover-interactive element

Mentor

Kenneth Mahakim & Celcea Tifani

Kenneth, product designer yang punya spesialisasi di bidang ilustrasi design selama 6 tahun. Ken mengawali karirnya sebagai seorang UI UX Designer di design studio tahun 2016. Kecintaannya terhadap ilustrasi dan UI Design membuat dirinya membuat @Vektoria.id yg berfokus mengedukasi UI Illustration.

Celcea, seorang art director dan desainer yang kurang lebih selama 11 tahun. Mengawali karirnya sebagai desainer grafis, Celcea mencoba peruntungan dan memulai karirnya di Belanda, Cina dan Australia sebelum akhirnya menetap di Malaysia dan bekerja untuk LottieFiles sebagai Brand Manager.

Tingkat kesulitan

Sejatinya cocok bagi teman2 yang mau belajar dan yang udah pernah ngebuat animasi untuk UI Design. Cocok bagi teman2 yang masih pemula baik student, fresh graduate, atau yang sudah memiliki pengalaman sebagai designer.

Cocok Kalo:
✅ Kamu pengen belajar buat animasi dari nol
✅ Kamu yang ingin memahami mindset dan penggunaan animasi pada Ilustrasi di UI Design
✅ Kamu pengen manfaatin animasi Ilustrasi untuk improve desainmu.
✅ Kamu mau animasi yang dibuat langsung live di website
✅ Kamu suka belajar dan praktek bareng rame-rame

Ga Cocok Kalo:
❌ Kamu udah expert dengan proses ngebuat animasi ilustrasi dan implementasinya
❌ Kamu ga tertarik dengan penggunaan animasi pada UI designmu

Apa yang akan kamu dapatkan

Kamu akan mendapatkan rekaman dan materi pembelajaran lengkap dan komprehensif mengenai topik ini. Materi bisa kamu akses selamanya.

⚡️ Flash Sale: Diskon Up to 40%

DISKON TERBESAR yang ditunggu-tunggu. Berakhir saat timer berhenti atau item habis duluan. Grab fast! Limited stock

My countdown

4.5

(102)

🔥

"Udah keren sih, gercep juga, dari segala pertanyaan dari bentuk apapun sudah terjawab, dari mulai pertanyaan dikolom chat maupun langsung di figma nya, kedepannya begitu terus dan sukses selalu."

Dimas Rahmat Darmawan, Mahasiswa

"Everything is awesome, tidak ada kendala. Moderator dan speaker sangat responsif dan interaktif. Materinya juga keren banget! Bikin part 2 boleh? lebih lanjut tentang freelance job motion hehe"

Dennis Adiprawira, UI UX Designer

Beli Akses

4.5

(102)

🔥

"Udah keren sih, gercep juga, dari segala pertanyaan dari bentuk apapun sudah terjawab, dari mulai pertanyaan dikolom chat maupun langsung di figma nya, kedepannya begitu terus dan sukses selalu."

Dimas Rahmat Darmawan, Mahasiswa

"Everything is awesome, tidak ada kendala. Moderator dan speaker sangat responsif dan interaktif. Materinya juga keren banget! Bikin part 2 boleh? lebih lanjut tentang freelance job motion hehe"

Dennis Adiprawira, UI UX Designer

Beli Akses

Live

Workshop

"Webinar dari HaloDesigners bener2 membuka mata dan pikiran aku tentang dunia UI UX Design. Padet banget dengan insight, banyak ilmu baru yg aku dapetin dalam 2 jam. Sangat direkomendasikan buat Fresh Grad atau Mahasiswa yang ingin belajar lebih banyak tentang UI UX Design!"

Indri Saraswati, Pencari Kerja

"Event nya seru! Sangat puas dengan acara2 yg dibuat HD karena memberikan banyak tips dan trik yang bermanfaat bagi saya sebagai Product Designer yg baru nyemplung secara mandiri. Saya merasa lebih percaya diri setelah mengikuti webinar ini dan sangat bersemangat untuk mengaplikasikan semua yang saya pelajari ke pekerjaan saya."

Akbar Visgita, Product Designer

Daftar Live

Workshop

4.5

(102)

🔥

"Udah keren sih, gercep juga, dari segala pertanyaan dari bentuk apapun sudah terjawab, dari mulai pertanyaan dikolom chat maupun langsung di figma nya, kedepannya begitu terus dan sukses selalu."

Dimas Rahmat Darmawan, Mahasiswa

"Everything is awesome, tidak ada kendala. Moderator dan speaker sangat responsif dan interaktif. Materinya juga keren banget! Bikin part 2 boleh? lebih lanjut tentang freelance job motion hehe"

Dennis Adiprawira, UI UX Designer

Beli Akses

4.5

(102)

🔥

"Udah keren sih, gercep juga, dari segala pertanyaan dari bentuk apapun sudah terjawab, dari mulai pertanyaan dikolom chat maupun langsung di figma nya, kedepannya begitu terus dan sukses selalu."

Dimas Rahmat Darmawan, Mahasiswa

"Everything is awesome, tidak ada kendala. Moderator dan speaker sangat responsif dan interaktif. Materinya juga keren banget! Bikin part 2 boleh? lebih lanjut tentang freelance job motion hehe"

Dennis Adiprawira, UI UX Designer

Beli Akses

Belum bisa beli saat ini?
Join Telegram Group untuk kumpul dengan komunitas UI UX Indonesia: Dapet ilmu gratis, tutorial, update indutri UIUX terkini dan diskon event lainnya. Join GRATIS ->

<- Lihat Semua Events

Pecah Telur Passive Income Jualan Template Framer

4.8

(148)

🔥

Dicky & AR Wasil

Perjalanan membuat template Framer; Research, Design, Build dan Feedback, Strategi Launching hingga Market Outlook

The Art of Salary Negotiation

4.9

(26)

🔥

Jonathan Yap

Practical tips to win deals, build confidence, and get the right salary deals. Fit for junior - mid level designers

Simulasi Hiring & Interview Designer

4.9

(135)

🔥

Borrys Hasian

Praktek langsung apply kerja sampe interview. Strategi tembus di perusahaan luar negeri. Cocok buat pemula - mid level.

Strategi personal branding di X untuk Designer

4.9

(41)

🔥

Farrel Putra

Ningkatin peluang dapet project dan ngembangin networking dengan expose karyamu ke market global di X (Twitter)

Strategi jualan UI Kit di Figma Community

4.7

(125)

🔥

Ahmad Zahraturrafiq

Buka keran passive income dengan memahami roadmap strategi jualan UI Kit di Figma Community

Bedah Update Config 2024

4.7

(61)

🔥

Edward Sudjono

Bedah update Config 2024. Demo strategi implementasi fitur based on real use-case, tips & tricks dan open discussion

Menghasilkan Passive Income dari template Webflow

4.7

(297)

🔥

Azhar Bhagas

Praktek membuat template yang strategis dan efisien untuk tembus marketplace skala global di Webflow

Seni Copywriting & Storytelling untuk Landing Page

4.6

(58)

🔥

Andre Edfan

Praktek membuat copywriting dan storytelling yang efisien dan strategis untuk landing page

Mastering Advanced Prototyping di Figma

4.5

(167)

🔥

Oji & Naufal

Praktek langsung penggunaan micro interaction & variable pada UI Design di Figma

Mempertajam Skill Observasi untuk Designer

4.8

(79)

🔥

Thomas Budiman

Praktek langsung melatih skill observasi design menggunakan metode reflection & thinking untuk entry-mid level

Mulai Freelance & Dapetin Client di Upwork

4.8

(367)

🔥

Kukuh Aldyanto

Langkah strategis memulai freelance dan mendapatkan client di Upwork bagi pemula

Mengenal dan Menerapkan Content Design System

4.9

(90)

🔥

Diaz & Ruth

Mengenal Content Design System di Figma dan penerapannya untuk tim Digital Product Design

Membuat Animasi Lottie di Figma dan Implementasinya

4.5

(102)

🔥

Kenneth Mahakim & Celcea Tifani

Praktek langsung membuat animasi UI di Figma menggunakan plugin LottieFiles dan implementasi ke Framer

Mendesain Bareng AI di Figma

4.5

(155)

🔥

Kenneth Mahakim

Praktek langsung memainkan beragam kombinasi plugin AI di Figma untuk mempermudah desain UI dan UX

Strategi Menghadapi Project Brief dengan Efektif

4.8

(72)

🔥

Galuh NAP

Praktek membuat Design Brief agar hasil design lebih terukur, kontekstual dan selaras dengan stakeholders.

Merencanakan dan Memfasilitasi Design Workshop

4.2

(70)

🔥

Annisa Prasetyanto & Luna Diandra

Membangun skill komunikasi, kolaborasi dan problem-solving bagi junior - middle designer.

Professional Portfolio di Figma dan Framer

4.7

(232)

🔥

Herdetya Priambodo

Praktek langsung membuat landing page portfolio professional di Figma dan Framer bersama Frammer Award Winner

Turning Dribbble Shot into Dollars

4.6

(167)

🔥

Happy Tri Milliarta

Praktek langsung membuat Dribbble Shot dan strategi mendapat client luar negeri dari jutaan hingga ratusan juta rupiah

Animasi Ilustrasi UI di Figma dengan Plugin Jitter

4.8

(131)

🔥

Kenneth Mahakim

Praktek langsung membuat animasi ilustrasi UI di Figma menggunakan plugin Jitter dan Lottie files

UX Writing untuk Designer

4.8

(56)

🔥

Mala Cinantya

Latihan menulis microcopy untuk desainer UI/UX dan mengenal UX writing yang baik

Whiteboarding Challenge untuk interview kerja

4.3

(166)

🔥

Briandito Priambodo & Muhammad Raufan

Praktek langsung step by step Whiteboarding dalam proses interview

Mastering Figma Auto Layout dan Component Properties

4.7

(217)

🔥

Ravi Mahfunda

Mendesain complex dan consistent interface dengan Auto Layout dan Component Properties

Usability Testing untuk Solo Designers

4.7

(158)

🔥

Karina Restisa Yunidwi

Praktek langsung persiapan Teknis Usability Testing, membuat UT scenario dan analisis temuan UT.

UX Audit: Bedah Usability dan Simulasi Interview

3.4

(252)

🔥

Arianti Silvia

Praktek langsung mengevaluasi popular website/app dalam format simulasi interview.

Mengolah Referensi jadi Inspirasi dalam UI Design

4.4

(521) 🔥🔥

🔥

Dwinawan

Belajar mengaplikasikan referensi design menjadi karya UI Design yg kreatif tanpa terkesan mencontek

UX Research 101: Membuat Research Blueprint

4.7

(503) 🔥🔥

🔥

Karina Resista Yunidwi

Praktek langsung membuat Research Plan dari 3 contoh kasus real di tech industry. Breakdown masalah hingga research Q's.

Memulai Karier Menjadi UX Writer

4.6

(289)

🔥

Cinantya Kumala

Praktek langsung membuat UI Copy di mobile interface. Beserta tricks memulai UX Writing bagi pemula dan career switcher.

Membuat Ilustrasi UI langsung di Figma

4.7

(343) 🔥

🔥

Kenneth Mahakim

Praktek langsung membuat ilustrasi UI di mobile app. Menerapkan konsep dasar ilustrasi untuk design interface di Figma.

Membuat UI Micro Interaction untuk Dribbble Post

4.4

(225)

🔥

Happy Tri Miliarta

Praktek langsung membuat Web Micro Interactions pada produk digital menggunakan Principle for Mac.

Strategi Sukses Design Interview

4.7

(331)

🔥

Rianti Silvi

Proses Design Interview UI UX Designer dan bedah resume peserta dipetakan banyak kesalahan umum oleh newbies

Sukses Berkarir di Tim Kecil Startup

4.7

(239)

🔥

Habib Al-Hakim

6 kendala terbesar kerja sebagai desainer di tim kecil dan cara mengubahnya menjadi peluang untuk manjat karir.

Tips n Trick Magang UX

4.5

(503) 🔥

🔥

Annisa Prasetyanto

Serba serbi Magang UX dalam dan luar negeri. Apa yg harus dipersiapkan? Tips sukses.

<- Lihat Semua Events

<- Lihat Semua Events

Pecah Telur Passive Income Jualan Template Framer

4.8

(148)

🔥

Dicky & AR Wasil

Perjalanan membuat template Framer; Research, Design, Build dan Feedback, Strategi Launching hingga Market Outlook

The Art of Salary Negotiation

4.9

(26)

🔥

Jonathan Yap

Practical tips to win deals, build confidence, and get the right salary deals. Fit for junior - mid level designers

Simulasi Hiring & Interview Designer

4.9

(135)

🔥

Borrys Hasian

Praktek langsung apply kerja sampe interview. Strategi tembus di perusahaan luar negeri. Cocok buat pemula - mid level.

Strategi personal branding di X untuk Designer

4.9

(41)

🔥

Farrel Putra

Ningkatin peluang dapet project dan ngembangin networking dengan expose karyamu ke market global di X (Twitter)

Strategi jualan UI Kit di Figma Community

4.7

(125)

🔥

Ahmad Zahraturrafiq

Buka keran passive income dengan memahami roadmap strategi jualan UI Kit di Figma Community

Bedah Update Config 2024

4.7

(61)

🔥

Edward Sudjono

Bedah update Config 2024. Demo strategi implementasi fitur based on real use-case, tips & tricks dan open discussion

Menghasilkan Passive Income dari template Webflow

4.7

(297)

🔥

Azhar Bhagas

Praktek membuat template yang strategis dan efisien untuk tembus marketplace skala global di Webflow

Seni Copywriting & Storytelling untuk Landing Page

4.6

(58)

🔥

Andre Edfan

Praktek membuat copywriting dan storytelling yang efisien dan strategis untuk landing page

Mastering Advanced Prototyping di Figma

4.5

(167)

🔥

Oji & Naufal

Praktek langsung penggunaan micro interaction & variable pada UI Design di Figma

Mempertajam Skill Observasi untuk Designer

4.8

(79)

🔥

Thomas Budiman

Praktek langsung melatih skill observasi design menggunakan metode reflection & thinking untuk entry-mid level

Mulai Freelance & Dapetin Client di Upwork

4.8

(367)

🔥

Kukuh Aldyanto

Langkah strategis memulai freelance dan mendapatkan client di Upwork bagi pemula

Merencanakan dan Memfasilitasi Design Workshop

4.2

(70)

🔥

Annisa Prasetyanto & Luna Diandra

Membangun skill komunikasi, kolaborasi dan problem-solving bagi junior - middle designer.

Strategi Menghadapi Project Brief dengan Efektif

4.8

(72)

🔥

Galuh NAP

Praktek membuat Design Brief agar hasil design lebih terukur, kontekstual dan selaras dengan stakeholders.

Membuat Animasi Lottie di Figma dan Implementasinya

4.5

(102)

🔥

Kenneth Mahakim & Celcea Tifani

Praktek langsung membuat animasi UI di Figma menggunakan plugin LottieFiles dan implementasi ke Framer

Mengenal dan Menerapkan Content Design System

4.9

(90)

🔥

Diaz & Ruth

Mengenal Content Design System di Figma dan penerapannya untuk tim Digital Product Design

Mendesain Bareng AI di Figma

4.5

(155)

🔥

Kenneth Mahakim

Praktek langsung memainkan beragam kombinasi plugin AI di Figma untuk mempermudah desain UI dan UX

Tips n Trick Magang UX

4.5

(503) 🔥

🔥

Annisa Prasetyanto

Serba serbi Magang UX dalam dan luar negeri. Apa yg harus dipersiapkan? Tips sukses.

Membuat UI Micro Interaction untuk Dribbble Post

4.4

(225)

🔥

Happy Tri Miliarta

Praktek langsung membuat Web Micro Interactions pada produk digital menggunakan Principle for Mac.

Professional Portfolio di Figma dan Framer

4.7

(232)

🔥

Herdetya Priambodo

Praktek langsung membuat landing page portfolio professional di Figma dan Framer bersama Frammer Award Winner

Turning Dribbble Shot into Dollars

4.6

(167)

🔥

Happy Tri Milliarta

Praktek langsung membuat Dribbble Shot dan strategi mendapat client luar negeri dari jutaan hingga ratusan juta rupiah

Animasi Ilustrasi UI di Figma dengan Plugin Jitter

4.8

(131)

🔥

Kenneth Mahakim

Praktek langsung membuat animasi ilustrasi UI di Figma menggunakan plugin Jitter dan Lottie files

UX Writing untuk Designer

4.8

(56)

🔥

Mala Cinantya

Latihan menulis microcopy untuk desainer UI/UX dan mengenal UX writing yang baik

UX Audit: Bedah Usability dan Simulasi Interview

3.4

(252)

🔥

Arianti Silvia

Praktek langsung mengevaluasi popular website/app dalam format simulasi interview.

Mengolah Referensi jadi Inspirasi dalam UI Design

4.4

(521) 🔥🔥

🔥

Dwinawan

Belajar mengaplikasikan referensi design menjadi karya UI Design yg kreatif tanpa terkesan mencontek

UX Research 101: Membuat Research Blueprint

4.7

(503) 🔥🔥

🔥

Karina Resista Yunidwi

Praktek langsung membuat Research Plan dari 3 contoh kasus real di tech industry. Breakdown masalah hingga research Q's.

Memulai Karier Menjadi UX Writer

4.6

(289)

🔥

Cinantya Kumala

Praktek langsung membuat UI Copy di mobile interface. Beserta tricks memulai UX Writing bagi pemula dan career switcher.

Membuat Ilustrasi UI langsung di Figma

4.7

(343) 🔥

🔥

Kenneth Mahakim

Praktek langsung membuat ilustrasi UI di mobile app. Menerapkan konsep dasar ilustrasi untuk design interface di Figma.

Strategi Sukses Design Interview

4.7

(331)

🔥

Rianti Silvi

Proses Design Interview UI UX Designer dan bedah resume peserta dipetakan banyak kesalahan umum oleh newbies

Sukses Berkarir di Tim Kecil Startup

4.7

(239)

🔥

Habib Al-Hakim

6 kendala terbesar kerja sebagai desainer di tim kecil dan cara mengubahnya menjadi peluang untuk manjat karir.

Whiteboarding Challenge untuk interview kerja

4.3

(166)

🔥

Briandito Priambodo & Muhammad Raufan

Praktek langsung step by step Whiteboarding dalam proses interview

Mastering Figma Auto Layout dan Component Properties

4.7

(217)

🔥

Ravi Mahfunda

Mendesain complex dan consistent interface dengan Auto Layout dan Component Properties

Usability Testing untuk Solo Designers

4.7

(158)

🔥

Karina Restisa Yunidwi

Praktek langsung persiapan Teknis Usability Testing, membuat UT scenario dan analisis temuan UT.

<- Lihat Semua Events

logo halodesigners - belajar ui ux design indonesia
Follow @HaloDesigners untuk UI UX Mentorship, UI tips, UI Kit freebies, dan ngikutin update design event & DISKON.