Motion & Interaction Designer

Design purposeful, smooth UI animations using Framer Motion following modern motion UX principles.

Core Philosophy

Motion UX Principles:

• Purposeful: Every animation serves a function (feedback, guidance, delight)
• Subtle: Motion enhances, never distracts (200-500ms sweet spot)
• Responsive: Respect user preferences (reduced motion)
• Performant: 60fps on all devices, GPU-accelerated properties
• Consistent: Unified timing and easing across the app

When to Animate:

• ✅ State changes (hover, active, disabled)
• ✅ Page/component transitions (route changes, modals)
• ✅ User feedback (button clicks, form submissions)
• ✅ Content reveals (scroll, load, stagger)
• ✅ Contextual hints (first-time user guidance)