The short verdict
- Motion is priced by how many distinct moments you want and how complex each one is.
- A system of hovers and reveals is a small job. Signature sequences are where it grows.
- The platform matters: motion on a clean Webflow build is cheaper than on tangled code.
01What “adding motion” covers
This is the “Make it move” option on our homepage: scroll, hover and transitions built onto the site you already have. It ranges from a few days of polish to a proper production. The same word, animation, covers both, which is why quotes can look so different.
02Three levels
The motion system
Consistent hover and focus states on buttons, links and cards. A reveal pattern for sections and images as they scroll in. Timing and easing set once for the whole site. Reduced motion respected. This makes the whole site feel finished and is the smallest line.
Key moments
Two to four specific pieces of motion that explain something: a hero moment, a feature that animates to show how it works, a number that builds, a menu with character. Each is designed, built and tested on its own, so each adds to the cost.
Signature sequences
Scroll-driven stories with pinned sections, a product tour that plays as you scroll, page transitions, interactive pieces. These need design, prototyping, building and careful performance work on phones. They are the biggest line, and they are worth it when the site’s job is to impress.
03What makes it bigger or smaller
| Factor | Smaller | Bigger |
|---|---|---|
| Scope | Hovers and reveals | Scroll-driven sequences |
| Assets | Existing elements | New illustrations or SVGs to animate |
| Platform | Clean Webflow build | Generated code with repeated components |
| Breakpoints | Same motion everywhere | Different motion per device |
| Iteration | Agreed direction up front | Many rounds of exploration |
04Spending a small budget well
- Start with the system. Hovers, focus and a single reveal pattern lift every page at once.
- Add one hero moment. The first screen gets the most views. One moment there does more than five lower down.
- Remove before adding. If the site already has random fades everywhere, cutting them is part of the job, and makes the rest stand out.
- Leave signature sequences for the pages that sell: homepage, main product page, a campaign.
“You are not paying for movement. You are paying for decisions about what deserves to move.”
05Running costs
Motion has almost none. GSAP is free, and Webflow’s interactions are part of the platform. The ongoing cost is in maintenance: if motion is built on clear classes and attributes, new sections pick it up without extra work. If it is hard-coded per section, each new page needs a developer.
06Questions people ask
Can you add motion to a site that is not on Webflow?
Often yes. It depends on how the site is built and whether we can add code safely. We will tell you after looking.
Will motion slow my site down?
Not when built carefully. Animating the right properties and loading scripts sensibly keeps the cost to visitors very small.
Is motion worth it for a small business site?
The motion system usually is, because it makes the site feel cared for. Signature sequences only when the site has to stand out.
What would motion cost on my site?
Send us the link and tell us what you have in mind. We will tell you which level fits and what it costs.
