← All studio notes

How to Add Movement Without Making People Dizzy

A website with a little movement feels current and cared for. A website with too much movement feels like a fairground ride you did not agree to get on. The gap between those two is smaller than most owners realize, and it is easy to cross by accident when you are excited about a new effect. The good news is that adding tasteful, helpful motion is not about restraint for its own sake. It is about a few simple habits that keep your site feeling alive without ever making someone reach for the back button because their stomach turned.

Why too much motion actually makes people feel sick

This is not a figure of speech. Large or fast movement on a screen can genuinely trigger dizziness, nausea, and headaches in a real slice of your visitors. Big elements sliding across the view, backgrounds that zoom as you scroll, things that spin or shake, all of it can affect the inner ear the same way a moving vehicle does. For those people, a "fun" animation is not fun. It is a reason to leave and not come back.

Even for everyone else, too much motion is simply tiring. The eye is drawn to whatever moves, so when many things move, attention gets yanked around and the page becomes exhausting to look at. Either way, overdoing it works against you.

Keep it small

The single biggest fix is to keep movement small in size. A gentle rise of a few pixels as a section appears is pleasant. A whole panel flying in from off the screen is not. Small movements read as polish. Large ones read as chaos and are the most likely to cause that queasy feeling.

When in doubt, shrink the effect. If a section fades and lifts slightly into place, that is plenty. Nobody has ever felt sick from a subtle fade.

Keep it quick

Motion should be over almost before you notice it started. A fast, soft transition feels smooth and professional. A slow one makes people wait and gives the movement more time to bother the eye. As a rough guide, if an effect lasts long enough for you to consciously watch it happen, it is too slow. Snappy and brief is the goal.

Keep it rare

Movement only guides attention when most of the page holds still. If everything moves, nothing stands out and the whole thing feels busy. So let the page be calm by default and reserve motion for the few moments where it helps: a section arriving into view, a button responding to a point or tap, a confirmation after someone does something. A still page with three purposeful movements beats a page where everything wiggles.

Never move things on a loop

One of the fastest ways to wear people out is an effect that repeats forever: a badge that pulses without stopping, an arrow that bounces endlessly, a background that never settles. The eye cannot ignore constant motion, so it keeps pulling focus away from your actual message. If something must draw attention, let it move once when it appears and then rest.

Respect people who want less

Many phones and computers have a setting that says "reduce motion," which people turn on precisely because movement bothers them. A well built site listens to that setting and quietly dials its effects down for those visitors. You do not need to understand the technical side of this. You just need to know it exists and to ask whoever builds your site to honor it, so the people most sensitive to motion get a calm experience automatically.

Test it on a real phone, then on someone else

Two quick checks catch almost every problem. First, load your site on your own phone and scroll through it the way a customer would. Anything that feels jarring or slow to you will feel worse to them. Second, watch one other person use it without saying anything. If their eyes dart around or they scroll fast to get past something, that motion is a distraction, not a feature.

Where we come in

Getting movement to feel alive rather than dizzying is a matter of taste and testing, and it is exactly the kind of thing we handle so you do not have to guess. At Catapult we build you a website that uses small, quick, purposeful motion to guide the eye, keeps the rest of the page calm, and quietly respects people who prefer less movement.

It is $79 to launch, then $9 a month for hosting with unlimited change requests, so if any effect ever feels like too much, you just tell us and we soften it. Most sites go live in about 48 hours, and you keep your own domain. If your current site makes you or your customers feel even a little seasick, that is a clear sign of too much motion, and it is very fixable. We would be glad to help.

motiondesignsmall business

Want a launch ready website without the headache?

Our in house design team builds your small business a professional website in about 48 hours. You keep your domain, we handle the rest. It is $79 to launch and $9 a month, with unlimited change requests.

Start your website