Motion that carries meaning
Animation with intent — on easing, choreography and restraint, and how motion guides rather than distracts.
There are two kinds of animation on the web. One wants to be seen — it bounces, blinks and shouts "look at me." The other wants to be understood. It explains, reassures and guides without ever registering as an effect. I'm interested almost exclusively in the second kind.
Motion is language
When a menu opens, the way it unfolds tells me where it came from and where it belongs. An element that grows out of the button I just clicked creates a spatial logic my brain understands instantly. Motion can show causality: this led to that. That's what good choreography is — not decoration but explanation.
The secret lives in the easing. Linear motion doesn't exist in the real world; everything accelerates and slows. A gentle ease-out curve feels like something coming naturally to rest. That single curve decides whether an animation reads as cheap or refined.
The best animation goes unnoticed. You only feel that something felt right.
Restraint as a style
More motion is almost never better. With every animation I ask: what does it do for the user? Does it help them understand something? Bridge a wait? Gently lead the eye? If the answer is "it looks cool," it usually gets cut.
In practice that means short durations, often between 200 and 400 milliseconds. Staggered timing so lists appear like an ordered breath instead of a swarm. And always a prefers-reduced-motion path, because elegance includes consideration.
Choreography is my favorite word for this. A page is a small stage, and every element has a cue. When everything appears at the right moment, in the right order, with the right curve, you get something that feels alive without feeling restless. Motion that carries meaning is motion that serves.