Every brief includes some version of "make it feel alive." The instinct is right — motion is one of the most powerful tools available in web design for communicating quality and directing attention. The execution is almost always wrong.
Most agency websites have motion for motion's sake. Parallax backgrounds that scroll at a different rate from the content they're beneath, creating a spatial disconnect that feels like a visual glitch rather than a design choice. Scroll-triggered animations that play for 800ms before the element becomes readable, adding friction to every piece of information on the page. Floating 3D objects, rotating logos, marquee strips, and ambient particle systems all competing for the same 600 pixels of viewport at the same time.
The result is a visual experience that feels expensive in the way a department store Christmas display feels expensive — cluttered, competitive, and ultimately forgettable because no single element can hold attention long enough to mean anything.
Motion in this mode is decoration. Decoration is not inherently wrong — but it has a cost. It costs page load time, it costs processing power on mid-range devices, it costs the attention budget of every user who arrived to read something and finds themselves filtering out animation instead.
Once you strip away the decoration, motion on a marketing site has exactly three legitimate functions:
1. Guide attention. Motion draws the eye. That's a hardwired human response — we evolved to notice things that move. Used deliberately, this is extraordinarily powerful: an element that enters the viewport creates a natural focal point exactly where you want the reader's attention to land. Used carelessly, it means every element on the page is fighting for the same primitive attention response.
2. Communicate hierarchy. When an element animates in response to interaction — a button that subtly changes on hover, a card that lifts when focused, a form field that highlights on input — it's communicating "this thing responds to you." It creates the distinction between interactive and static elements without requiring a label. This is motion doing genuine UX work.
3. Signal quality. This one is harder to define but immediately legible to anyone who has spent time on premium web products. When a page loads and its elements settle into place with precise, considered easing — not generic ease-in-out, but a specifically chosen cubic-bezier that feels weighted correctly for the element — it communicates that someone made a deliberate choice about every detail. That communication happens before a word is read. It establishes the brand's relationship to craft.
Everything else is decoration. The honest question for every animation is: which of these three jobs is this doing?
The sites we're most proud of don't feel like they have a lot of animation. They feel inevitable. Every element lands exactly where it should, when it should. That's the job.
Every animation decision on a LegitVA project gets evaluated against three questions. If it can't answer at least two of them, it doesn't ship.
We document a motion language for every web project we build. Here's what ours looks like as a baseline:
Scroll-triggered animations are currently the dominant mode of "premium feel" motion on marketing sites. Most of them are implemented incorrectly in ways that actively harm the experience.
The pattern that works: elements animate in as you reach them. The content appears at the moment it enters your viewport, giving the page a sense of unfolding. It feels natural because it mirrors how reading itself works — you process content as it arrives.
The pattern that doesn't work: long animations that continue to play as you scroll past their trigger point. Content that only becomes fully visible or readable after an animation completes. Elements whose animation timing depends on scroll velocity, creating wildly different experiences at different scroll speeds. Any animation that requires the user to slow down or stop scrolling to see the content correctly.
The principle that governs all of it: motion should always serve the reader's pace, not impose its own.
prefers-reduced-motion media queries. Always. Without exception. This isn't optional accessibility compliance — it's basic respect for users whose neurological profile makes motion genuinely uncomfortable.