UI motion · Micro-interactions · UK
Web animations that add information and clarity
I help teams ship animation that respects attention, prefers-reduced-motion, and the main thread: transitions that clarify hierarchy, feedback that feels instant, and motion that survives real devices.
What “good” looks like
- Purposeful timing: easing and duration that match the interaction, not generic defaults everywhere
- Accessible motion: reduced-motion variants, avoiding vestibular triggers, and keeping critical paths usable without animation
- Performance-aware choices: favouring transforms and opacity, containing paint where it matters, and pairing with solid Website optimisation when things get heavy
- Coherent systems: shared tokens for durations and curves so the product feels like one team built it
Typical toolkit
CSS transitions and keyframes, View Transitions where the stack allows, GSAP when timelines need fine control, and framework primitives (e.g. React / Motion patterns) when they keep code maintainable.
Ready to add animation to your website?
Share the surface (marketing site, app shell, checkout, dashboard) and what feels wrong. Broader build work lives under Web Development.