Motion & Interaction
Every pixel has a reason
The wrong animations slow the site down and frustrate people browsing on mobile with limited data or active accessibility preferences.
GPU-accelerated micro-interactions, narrative parallax, smooth 60fps transitions — always respecting prefers-reduced-motion. Motion guides attention, it doesn't slow the page down.
Attention hierarchy
We decide what the eye should notice first; motion follows that hierarchy, not the other way around.
Micro-interactions
Hover states, transitions between states, immediate feedback: details that register even when they're not explained.
Performance-first
Animations on transform/opacity only, never on properties that cause reflow: 60fps even on modest hardware.
Accessibility
prefers-reduced-motion always respected: those who request it see the content, not the animation.
- —GPU-accelerated micro-interactions (transform/opacity)
- —Narrative parallax and scroll reveals
- —60fps verified, not assumed
- —prefers-reduced-motion respected everywhere
For those who want the site to communicate care even in the smaller details, not just the hero.
Not for those who prefer zero animation on principle — that's a legitimate choice too, and it costs less.