<- 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: Semuaย 99K

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

Mengenal dan Menerapkan Content Design System

4.9

(90)

๐Ÿ”ฅ

Diaz & Ruth

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

Mempertajam Skill Observasi untuk Designer

4.8

(79)

๐Ÿ”ฅ

Thomas Budiman

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

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.

Seni Copywriting & Storytelling untuk Landing Page

4.6

(58)

๐Ÿ”ฅ

Andre Edfan

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

UX Writing untuk Designer

4.8

(56)

๐Ÿ”ฅ

Mala Cinantya

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

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.

Tips n Trick Magang UX

4.5

(503) ๐Ÿ”ฅ

๐Ÿ”ฅ

Annisa Prasetyanto

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

Mulai Freelance & Dapetin Client di Upwork

4.8

(367)

๐Ÿ”ฅ

Kukuh Aldyanto

Langkah strategis memulai freelance dan mendapatkan client di Upwork bagi pemula

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

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.

UX Audit: Bedah Usability dan Simulasi Interview

3.4

(252)

๐Ÿ”ฅ

Arianti Silvia

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

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.

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

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.

Mastering Figma Auto Layout dan Component Properties

4.7

(217)

๐Ÿ”ฅ

Ravi Mahfunda

Mendesain complex dan consistent interface dengan Auto Layout dan Component Properties

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

Mastering Advanced Prototyping di Figma

4.5

(167)

๐Ÿ”ฅ

Oji & Naufal

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

Whiteboarding Challenge untuk interview kerja

4.3

(166)

๐Ÿ”ฅ

Briandito Priambodo & Muhammad Raufan

Praktek langsung step by step Whiteboarding dalam proses interview

Usability Testing untuk Solo Designers

4.7

(158)

๐Ÿ”ฅ

Karina Restisa Yunidwi

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

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

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

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

<- Lihat Semua Events

<- Lihat Semua Events

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

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

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

Usability Testing untuk Solo Designers

4.7

(158)

๐Ÿ”ฅ

Karina Restisa Yunidwi

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

Whiteboarding Challenge untuk interview kerja

4.3

(166)

๐Ÿ”ฅ

Briandito Priambodo & Muhammad Raufan

Praktek langsung step by step Whiteboarding dalam proses interview

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

Mastering Advanced Prototyping di Figma

4.5

(167)

๐Ÿ”ฅ

Oji & Naufal

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

Mastering Figma Auto Layout dan Component Properties

4.7

(217)

๐Ÿ”ฅ

Ravi Mahfunda

Mendesain complex dan consistent interface dengan Auto Layout dan Component Properties

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

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.

UX Audit: Bedah Usability dan Simulasi Interview

3.4

(252)

๐Ÿ”ฅ

Arianti Silvia

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

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.

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

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.

Mulai Freelance & Dapetin Client di Upwork

4.8

(367)

๐Ÿ”ฅ

Kukuh Aldyanto

Langkah strategis memulai freelance dan mendapatkan client di Upwork bagi pemula

Tips n Trick Magang UX

4.5

(503) ๐Ÿ”ฅ

๐Ÿ”ฅ

Annisa Prasetyanto

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

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.

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 Writing untuk Designer

4.8

(56)

๐Ÿ”ฅ

Mala Cinantya

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

<- 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.