UI Animation Collection

UI Animation Collection

UI Animation Collection

A collection of sleek and engaging UI animation prototypes, exploring motion design for interactive experiences. This conceptual work showcases smooth transitions, micro-interactions, and dynamic feedback to enhance user engagement. Designed to push the boundaries of digital storytelling and intuitive navigation.

A collection of sleek and engaging UI animation prototypes, exploring motion design for interactive experiences. This conceptual work showcases smooth transitions, micro-interactions, and dynamic feedback to enhance user engagement. Designed to push the boundaries of digital storytelling and intuitive navigation.

A collection of sleek and engaging UI animation prototypes, exploring motion design for interactive experiences. This conceptual work showcases smooth transitions, micro-interactions, and dynamic feedback to enhance user engagement. Designed to push the boundaries of digital storytelling and intuitive navigation.

l'event website thumbnails
l'event website thumbnails
l'event website thumbnails

Client

Collection

Category

Prototyping
Prototyping
Prototyping
Dumbo Donuts
Dumbo Donuts
Dumbo Donuts

Providing handmade donuts with love and care is what Dumbo Donuts is all about. The staff passionately mastered the craft of donut making through a hands-on approach that focuses on freshness and fullness of flavor.


The Dumbo Donuts are prepared in small batches throughout the day to maintain freshness.Oversized donuts with unique flavors are what sets Dumbo Donuts apart and make it a donut you can enjoy all day long.


I designed and prototyped a loading animation for Dumbo Donuts’ landing page in Figma. Using Auto-Animate interactions, I created seamless transitions to enhance the user experience. I structured the animation across multiple artboards and, in prototype mode, added a time trigger that automatically navigates from the Home screen to the Menu page.



L'Event
L'Event
L'Event

Vacation booking is made easier with L'event's website. This website is targeted toward travelers who are interested in meeting adventurous people while traveling. Clients want their brand to exude a sophisticated and elegant vibe, while still being interesting and exciting.


I designed the landing page of L'Event's booking website. I used Adobe XD, adding animated interactions to create rich interactive interface designs and prototypes. I created immersive transitions to visualize the movement of content across L'Event's Home page artboard by using auto-animate.


Your Past Life
Your Past Life
Your Past Life

Your Past Life is a fun website that provides your past life story after analyzing the astrological algorithm based on your natal chart. The target audience is for anyone interested in esotericism, astrology and mysticism. Despite the fact that it has a mysterious connotation, the design of the website is friendly, approachable, and fun for anyone to use.


I designed and prototyped the Your Past Life web page in Figma, using interactive drag gestures to create smooth transitions between screens. By leveraging Figma’s prototyping features, I simulated animations that seamlessly guide users from one element to the next, enhancing navigation and user engagement.


ULearn
ULearn
ULearn

Ulearn is a new language-learning app that provides users with a great way to improve their desired language. Ulearn lets users practice with others in their native languages, making networking and upskilling, making their new language more approachable.


In addition to the standard lessons, you can take lessons in the browser or in the mobile app. The Ulearn Community Practice, a paid subscription, gives you access to live classes taught by real instructors as well.


For this project, I designed animated buttons in Figma, utilizing smart animate and easing values. Users can select their desired English level by clicking and dragging the cursor, creating a smooth and engaging button animation that enhances interactivity.


  • More PROJECTS More PROJECTS

Let'S WORK

TOGETHER

Currently Accepting Freelance Work on Contra

Let'S WORK

TOGETHER

Currently Accepting Freelance Work on Contra

Let'S WORK

TOGETHER

Accepting Freelance Work on Contra

Let'S WORK

TOGETHER

Currently Accepting Freelance Work on Contra