Motion is the most powerful tool on a website and the easiest to misuse. Used well, it tells people where to look. Used badly, it gets in the way.

Every movement needs a reason

Before we animate anything, we ask what the motion explains. A card that rises on scroll says “this is new”. A menu that slides says “this came from over there”. If we can’t answer, it doesn’t move.

Good motion feels inevitable. You only notice it when it’s missing.

Timing is everything

• Small elements move fast, large ones move slow

• Ease out when things arrive, ease in when they leave

• Stagger related items so the eye can follow

• Never block the reader while something animates

Scroll as a storyline

On a scroll-led page, the visitor controls the playhead. We design scenes that unfold at the reader’s pace, so the story feels discovered rather than performed.