Browsing award-winning agency sites, you are impressed: objects turning as you scroll, scenes opening layer by layer, lights that follow the cursor. Then you open your own site and wonder whether that would lift sales.

Used in the right place and the right amount, it can help. Used wrongly, it slows the site, makes it unusable on phones and hurts search rankings.

What motion does well

• Directs attention. The eye follows movement. Animation can lead a visitor to the most important message or button.
• Shows how something works. An animation that separates a product's parts or reveals a process step by step explains faster than a paragraph.
• Gives feedback. A small movement when a button is pressed, a form sent or an item added to the cart confirms that something happened.
• Gets remembered. Among similar sites, a different experience keeps a brand in mind.

What motion breaks

• Delays content. If visitors wait for an animation to finish before they can read, motion has become an obstacle.
• Strains phones. A 3D scene that runs smoothly on a desktop can stutter on a mid-range phone and drain the battery.
• Hurts accessibility. Some people are made unwell by motion. That is why operating systems have a "reduce motion" setting, and a good site respects it.
• Affects ranking. Heavy animation libraries and large files slow pages down.

On a good motion site, movement says something. On a bad one, it only shows something.

The limits to respect: Core Web Vitals

Google assesses page experience with three measures. The "good" thresholds are:

• LCP (largest content loaded): 2.5 seconds or less.
• INP (response to interaction): 200 milliseconds or less. It replaced FID in 2024.
• CLS (visual shift): 0.1 or less.

A motion site can stay within these limits, but only if it is designed that way from the start.

Keeping 3D and animation fast

• Content first. Text and the main button load immediately; the 3D scene arrives behind them. Nobody waits.
• Lighten on mobile. Fewer particles, no shadows or heavy effects on phones.
• Respect reduce motion. With the setting on, animation stops and content is complete.
• Do not hijack scrolling. Effects that change scroll speed or direction annoy people. Motion should accompany scrolling, not control it.
• Work without WebGL. On devices without 3D support, the site must still look complete and correct.

Tying it to sales

Motion is a tool, not a goal. Even the most impressive scene is decoration if it does not lead the visitor to the next step. Every animated section should end in a clear action: get a quote, view the product, book a call. The core conversion checks are in our piece on website conversion rate.

Frequently asked questions

Does an animated site hurt SEO?

Not by itself. Harm comes from animation delaying content, slowing the page or showing key text only through JavaScript. If text and headings sit in the HTML, the page meets Core Web Vitals thresholds and motion accompanies the content, a motion site is no different to search engines from any other.

Does motion suit every sector?

Most, when the amount is right. In fashion, architecture, technology, creative agencies and premium products, movement can be part of the brand. Where users want information fast, such as emergency services, motion should stay limited and functional. The test is always the same: does it make the user's job easier?

Can motion be added to my existing site?

Yes. Without rebuilding everything, you can add movement to the homepage intro, a product showcase or a process section. That is often the best start: pick the highest-impact section, measure, then expand.

The site you are reading is a motion site built on these principles. If you want one for your brand, see our web and e-commerce page.