The modern web can animate anything. That is precisely the problem. When every element fades, slides and scales, motion stops carrying meaning and becomes texture — and texture, repeated, becomes noise.
Three jobs motion can do
We only animate when the motion performs at least one of three jobs:
- Orientation — showing where something came from and where it went, so spatial relationships stay clear.
- Feedback — confirming that an action happened, instantly and unambiguously.
- Emphasis — directing attention to the one thing that matters on this screen, right now.
Delight is real, but it is a by-product. Motion that does one of these jobs beautifully will feel delightful. Motion that exists only to delight usually feels slow by the third visit.
Timing is the craft
Most of the quality in motion design lives in timing and easing. A well-chosen exponential ease makes an element arrive with confidence and settle with grace. Durations should scale with distance and importance: small feedback in a fraction of a second, large scene changes slower and more deliberate.
The best transitions are noticed the first time and felt every time after.
Respect the user’s settings
Some people experience discomfort from large-scale movement. Operating systems expose a reduced-motion preference, and honouring it is not optional. Our sites replace scroll-driven choreography with simple, instant states whenever that setting is on — the content and hierarchy remain identical.
Motion should make an experience easier to understand. When it does, people stay longer, explore further and remember more. When it does not, it should not be there.