Steady On: How to Keep the Spin Without Losing the Room

There is a moment in every decent pitch where somebody says the word kinetic and the room gets a bit giddy. A looping ident. A page transition that folds like a paper aeroplane. Type that drifts in on a lazy diagonal and settles, like a bus finally pulling into the stop. It looks brilliant on the studio monitor. Then it goes live, gets viewed on a phone, in a moving train, by someone with a vestibular condition, and the whole thing turns into a two-minute countdown to a lie-down.

None of this means the wobble was a mistake. It means the wobble needs a handrail. Motion is the thing that gives a brand its pulse, and a pulse with no resting rhythm is just a palpitation. So here is the practical version — what to design, what to ship alongside it, and how to keep the character when the spin has to stop.

What vestibular sensitivity actually asks of you

Vestibular disorders are not a niche curiosity. Ménière's, vestibular migraine, persistent postural-perceptual dizziness, the long tail of a concussion — these are common enough that most studios will have shipped something that made a colleague feel rough without ever knowing. The triggers are specific and slightly counterintuitive. It is rarely the small, crisp animation that causes trouble. It is the big stuff: full-bleed parallax on a long scroll, a slow zoom that never resolves, looping background video, a page that shifts sideways as you read, anything that mimics the sensation of the floor moving.

That last point matters for a studio called Dizzy. The brand idea of things gently rotating is charming precisely because it borrows from fairgrounds and spinning tops — and a fairground is exactly where someone with a vestibular condition expects to feel unwell. Borrow the wit, not the nausea.

prefers-reduced-motion is a request, not an off switch

The setting exists on iOS, Android, macOS, Windows and most modern browsers, and it is the first thing a decent front-end developer will wire up. But treating it as a blunt kill-switch is how brands end up with an accessible version that looks like a website from 2009 with the plug pulled out.

Worth knowing:

• It is a signal, not a diagnosis. People enable it for all sorts of reasons — migraine, concussion recovery, motion sensitivity, epilepsy, or simply a preference for calm interfaces. You do not get to audit their motives.
• It is not universal. Plenty of people who would benefit have never found the setting. So reduced-motion is the floor, not the ceiling of your accessibility work.
• It should change the motion, not delete the design. A cross-fade instead of a swoop. A dissolve instead of a spin. A still hero instead of an autoplay loop.

The still that still spins

This is the interesting design problem, and the one most teams skip. If the reduced-motion version of your campaign is a flat, centred, level-horizon nothing, you have not made an accessible alternative — you have made a punishment for asking.

Instead, compose the still as a deliberate frame. Capture the mark mid-rotation, caught at the angle where it reads most like itself. Tilt the type baseline by two degrees so the composition keeps its lean. Keep the crop off-centre. Use the colour pairings that only appear at the peak of the animation. If the moving version is a thing in motion, the static version should be a photograph of that thing, not a shrug in the same font.

A useful test: show someone the two versions side by side, tell them one is moving, and ask which feels more like the brand. If the answer is the moving one by a mile, the still is under-designed, not the motion over-designed.

Slow beats stopped, most of the time

For many people the problem is not movement itself but speed, amplitude and permanence. Three adjustments buy you a lot of goodwill:

1. Lengthen the cycle. A twelve-second loop reads as ambient. A two-second loop reads as a flicker.
2. Reduce the travel. Ten pixels of drift is character. A hundred pixels of drift is a lurch.
3. Let it settle. Give the animation a resting state and keep it there. Motion that never resolves is the thing that makes people give up and close the tab.

And for scrolling specifically: parallax across a full-width section is the single most complained-about effect in accessibility feedback. Use it in a small band, or not at all.

The bit procurement actually reads

UK expectations have tightened quietly rather than dramatically. The Equality Act 2010 has always obliged service providers to make reasonable adjustments, and WCAG 2.2 gives teams a concrete yardstick — success criterion 2.2.2 on pausing and stopping, and 2.3.3 on animation from interactions, which is the one most ambitious campaign sites fail. Public sector bodies have had explicit regulations since 2018, and the European Accessibility Act, which came into force in 2025, has nudged plenty of UK agencies toward writing accessibility into contracts simply because their clients sell into the EU.

In practice, marketing managers are now being asked, often late, for an accessibility statement, a conformance note, or a straight answer about what happens when someone has reduced motion turned on. Having that answer ready before the question arrives is a small strategic advantage. It also stops the last week of a build becoming a panicked retrofit.

Give people a switch, in your own voice

A visible motion control — not buried in a settings menu, not hidden behind an icon only a developer could love — is a chance for brand personality rather than an admission of guilt. Ease off the spin. Take it steady. Calm mode. Label it however the brand would say it out loud. Put it somewhere a person will encounter it in the first ten seconds. Remember the state, so nobody has to ask twice.

This is also where a lot of brands discover something useful: the calm version of their identity is often the more confident one. Strip the motion and you find out whether the type, the palette and the mark are actually doing any work, or whether the animation was covering for them.

Test it on a bus

Studio testing happens at a desk, on a large monitor, in a quiet room, with a fast connection. Real life is a Northern line carriage, a phone at forty per cent brightness, a toddler on one arm. Load the page on a mid-range Android over 4G and scroll it one-handed. If the whole thing shudders, jolts and re-triggers on every flick, that is your accessibility problem — long before anyone opens a settings panel.

Then test with people who actually use these features. AbilityNet and RNIB both run networks and resources worth knowing about, and a single session with someone who has reduced motion switched on will teach you more than a week of audit spreadsheets. Watch where they stop scrolling. That is your real design brief.

The short version

The argument is not motion versus accessibility. It is choreography versus noise. A brand that knows when to spin, when to settle, and what it looks like standing still is a brand with more control, not less — and control is the whole point of a deliberate wobble. Anyone can make a page that moves. Making one that moves well, and then stops beautifully for the people who need it to, is the harder and better job.