Why we stopped using animation on every section

For a while, every site we built had the same pattern. Hero fades in. Cards slide up as you scroll. Text reveals with a stagger. The about section does a split-screen reveal. It looked great in the browser preview. Clients loved the demo.

Then we started actually looking at time-on-section data and scroll depth, and a pattern emerged that we could not ignore.

What the data showed

On a manufacturing company site we built in late 2021, the hero-to-scroll drop-off was 68%. Nearly seven out of ten visitors never scrolled past the hero. The animation on the hero took about 800ms to complete. The text was hidden behind the animation.

We rebuilt the same site with no animation -- static hero, content visible immediately, no scroll-triggered effects. Scroll depth to the second section went from 32% to 51% in the first month. Enquiry form submissions went up.

We repeated this experiment on two more sites. Same result, roughly. Animation was not converting; it was impressing people who were already sold and slowing down people who were not.

What we think was happening

The visitors to these sites are usually on mobile, often on mid-range Android devices, often on a 4G connection that occasionally dips. A complex scroll-triggered animation that loads smoothly on a MacBook Pro in Chrome is janky on a Redmi Note running Chrome Lite. Janky is worse than nothing. It signals that the site is slow or broken.

There is also a cognitive cost. When content is hidden behind motion, the visitor has to wait before they can make a decision about whether to keep reading. Remove the motion and the decision happens faster. Fast decisions about whether to stay are actually good for conversion -- they mean the visitor is engaging with the content, not the wrapper.

We still use animation. Transitions between page states, loading indicators, small hover effects that give feedback. But we stopped using it to make sections "feel premium." The premium feeling should come from the content and the clarity, not from a stagger delay.

The designers on the team disagreed with this at first. The argument was that motion signals quality and care. Maybe it does, for some audiences. For a logistics company in Ludhiana trying to get enquiries from fleet managers, it mostly signals "this is taking a while."