Motion design isn't decoration — it's communication

The difference between an animation that delights and one that annoys comes down to a single question: does it say something?

Motion that exists purely to look impressive — a card that spins for no reason, a page transition that takes 800ms longer than it needs to — reads as noise the second time a user sees it. Motion that communicates state, hierarchy, or causality earns its place permanently, because it's doing real work every time it runs.

Motion as feedback, not flourish

The most valuable motion in a product is often the least noticeable: a button that compresses slightly on press, confirming the tap registered. A form field that shakes almost imperceptibly on invalid input. A loading state that fills predictably instead of spinning indefinitely with no sense of progress.

None of that is "exciting" in a portfolio-reel sense. All of it is the difference between an interface that feels responsive and one that feels dead, even when the underlying functionality is identical.

Three questions we ask before animating anything

Does this motion explain a relationship? If an element appears to slide out of a parent element, it should communicate that the two are connected — not just look nice. Motion is one of the few tools that can show causality directly: this happened because of that.

Does this motion reduce cognitive load, or add to it? A transition that helps a user track where an element went (a card expanding into a detail view, rather than a hard cut) reduces the mental work of relocating context. A transition that exists only for visual flourish adds a tax: the user has to wait it out before they can act.

Would removing this motion make the product worse? This is the test that kills most unnecessary animation. If the honest answer is "no, it would look slightly less impressive but function identically," it's decoration, and decoration that costs performance and attention isn't free.

Where motion actually earns its budget

• Onboarding. A well-animated first-run experience can communicate an entire product's mental model in seconds — showing, not explaining, how pieces relate.
• State changes. Loading, success, error, empty — these are the moments users are most uncertain, and motion is the fastest way to reduce that uncertainty.
• Brand moments. A launch film, a showreel, a hero animation on a marketing site — here, motion is allowed to be more expressive, because its job is emotional impact, not functional clarity. Different brief, different rules.

The cost side nobody talks about

Every animation has a performance cost and an attention cost. A beautifully choreographed sequence that adds 200ms to perceived load time, or that a user has to sit through every single time they perform a routine action, is a net negative no matter how good it looks in a reel. We design motion with a budget in mind — for both processing time and the user's patience — the same way we'd budget for load time or bundle size.

Good motion design isn't about doing more of it. It's about being precise regarding which handful of moments actually deserve it, and executing those with enough craft that they read as intentional rather than decorative. Everything else should probably just be instant.

If your product's motion feels either absent or excessive, that's one of the fastest, highest-leverage fixes we make in an existing product. See our motion work or get in touch.