An online learning platform hired me to make their interface feel more dynamic. I added parallax scrolling, fade-in effects, and animated transitions to everything. Desktop users loved it. Mobile users couldn't use the site.
The platform crashed on any Android device under $300. Load times hit 8 seconds on 4G connections. The client's support tickets tripled in two weeks.
Performance metrics revealed the damage
Lighthouse scores dropped from 89 to 34. First Contentful Paint went from 1.2 seconds to 6.8 seconds. The animations I added were rendering on every scroll event, killing the main thread.
Students in developing countries, the platform's core audience, couldn't access their courses. They were using older phones with limited processing power. My animations made the site unusable for exactly the people it was meant to serve.
Removing animations increased enrollment
We stripped out 90% of the animations. Kept only essential loading states and button feedback. Load times dropped to 1.8 seconds. Mobile enrollment increased 156% in the following month.
Animations should communicate state changes or guide attention. If you're animating something just because you can, you're building for designers, not users. Budget devices and slow connections don't care about your motion design portfolio.