Motion Design

Why motion design is the hardest part of UI to get right

Bad animation is easy to spot. Elements that fly in from nowhere, transitions that take too long, interactions that feel like a feature demo rather than a natural response. Motion done wrong is more distracting than no motion at all.

Good motion design is almost invisible. A button that responds with a slight scale on press. A modal that slides in from a logical origin point. A list that shuffles items smoothly when the order changes. These micro-interactions communicate system state, provide feedback, and create a sense of physicality that makes digital interfaces feel real.

The discipline is knowing when motion adds meaning and when it just adds delay. Every animation should have a reason — guiding attention, confirming an action, or conveying a relationship between elements.

How I do motion design

I work across both After Effects for concept and presentation, and code-based animation for production implementation.

• Framer Motion for React — spring physics, layout animations, and shared element transitions that actually work
• CSS transitions and keyframes for performance-safe micro-interactions that work without a JS bundle
• After Effects for presenting motion concepts, animating brand assets, and prototyping complex sequences
• GSAP for scroll-driven animations and timeline-based sequences that need precise control

Every animation I ship is performance-profiled. No jank, no layout thrash, no animations that block the main thread. Motion that makes your product feel better, not slower.