Animation
Micro-interaction & Motion design
UI Micro-Interactions & Animated States
A exploration of micro-interactions designed to elevate user experience through tactile feedback, responsive loading states, and intuitive motion physics across mobile interfaces.
1
KidHealth: Onboarding
A minimalist onboarding splash screen featuring a high-contrast floating action button (FAB). Designed with subtle motion physics and visual affordances to invite user tap interactions and guide smooth screen transitions.
2
ColourWorld: Swipe Physics & Dynamic Motion
An interactive UI concept centered on swipe-driven controls and natural motion physics. Designed with inertia, spring dynamics, and directional momentum—allowing each colored shape to react dynamically to user swipe velocity and directional drag.
3
Neomorphic Music Player: Tactile UI Control
A Neomorphic music player UI exploring physical extrusion, light dynamics, and soft drop shadows. Built to provide rich visual haptics—simulating real-world button depresses, smooth slider scrubs, and tactile feedback upon user touch.
4
Character Motion & Walk Cycle
Playful 2D character design and walk cycle animation focused on bold geometric shapes, vivid color blocking, and fluid movement.
5
AI Orb Ambient Gradient Design
Glassmorphic orb and ambient gradient design created in Figma to serve as an interactive focal point for an AI product landing page.
