Day 1 Motion Practice: Smooth Micro-Interactions

This project is an exercise from a Udemy course I’m taking, where I followed the instructor’s steps to sharpen my animation skills.

Bouncy Mobile Notification Prototype

Check out this playful mobile notification prototype! It features a bouncy motion and an eye-catching red badge that smoothly appears, making notifications feel lively and engaging.

Basic Navigation with Easing

Here’s a simple, clean navigation UI I worked on, spiced up with some smooth motion design! The goal was to keep things fluid and user-friendly, leveraging the motion design principles of Easing and Transformation.

Interactive Motion Prototype with Transformation, Easing & Parenting

Here's the same mobile navigation prototype using more complex animations! I experimented with motion principles like Transformation, Easing, and Parenting to create smooth, connected transitions. Each interaction flows naturally, adding a polished feel to the overall design.

Let me know what you think—I’d love some feedback!