Why we animate last
Every few months a prospective client sends us a site with a loading screen you could brew tea during, a cursor that fights you for control, and a scroll that feels like walking through honey. 'We want something like this,' they say. What they mean is: we want something that feels alive. Those are different requests.
For us, motion is the last thing we design. Not because it matters least, because it matters most. Animation applied to a weak layout is concealer. Animation applied to a strong layout is light.
The static test
Before any component earns an animation, it has to pass the static test: with every transition stripped out, does the page still communicate hierarchy, story and intent? If the answer is no, the animation was doing structural work, and structure is the layout's job.
If the page only makes sense in motion, the page doesn't make sense.
Three jobs motion is allowed to do
- Orient: show where something came from and where it went. Page transitions, accordion reveals, filtering.
- Reassure: confirm that the system heard you. Button presses, form submissions, saves.
- Seduce: earn a moment of delight, once per view, maximum. The hero, not the footnote.
Everything else, parallax on every card, springs on every hover, particles because we could, gets cut in review. The easing curve we use most is the one on the delete key.
The irony is that shipping less motion makes the remaining motion feel like more. When only three things move, each one carries meaning. When everything moves, nothing does.
