A homepage that moves.
Vitals that stay green.
3D backgrounds, video heroes, scroll storytelling, mouse parallax — most studios trade load speed and Google rankings for flash. We keep both. The homepage you just came from is the delivery standard.
What is a motion website?
A motion website is a site whose homepage plays like a film — 3D particles drifting in the background, a brand video filling the first screen, content unfolding as a story while you scroll, cards tilting under your cursor. Solo studios charge US$2,500–4,500 for a single scroll hero; big agencies start at US$20,000. But 90% of flashy sites share one fatal flaw: they're slow. Video and 3D wreck Google's Core Web Vitals — rankings slip, phones stutter, ad quality scores drop. The site looks great and quietly hurts the business. NexAgent builds motion differently: every effect is engineered against a performance budget — headline text paints instantly, 3D and video load only when the browser is idle, mobile gets an automatic lightweight fallback, and the system's reduced-motion preference is respected. The delivery standard in one line: flashy, fast, and rankings intact.
Two ways to build a flashy site
Flash-only studios vs. NexAgent, where flash and performance are both non-negotiable.
- Limitation
First paint (LCP)
4–8s (video + 3D piled on the hero)
- Limitation
Mobile experience
janky, hot, or animations simply removed
- Limitation
SEO / ranking impact
flash drags rankings down
- Limitation
Price
US$2,500–20,000+, per-screen billing
- Advantage
First paint (LCP)
< 2.5s, green Core Web Vitals
- Advantage
Mobile experience
automatic graceful fallbacks, smooth on low-end phones
- Advantage
SEO / ranking impact
JSON-LD + bilingual hreflang, rankings intact
- Advantage
Price
fixed CAD packages, ~40% lower, grant-eligible
What a motion homepage buys you
The effect menu — every item sold separately
WebGL / 3D particle background · from CA$1,500
Hero particles drifting and gathering around the cursor. Full-frame on desktop, automatic static gradient on mobile, zero load blocking.
Video hero · from CA$1,200
A brand loop filling the first screen. Poster paints instantly; the video loads only when visible. First pick for restaurants, gyms, real estate.
Scroll storytelling · from CA$2,500
Content unfolds scene by scene as you scroll — products layer open, numbers count up. Solo studios charge from US$2,500 for this alone.
Mouse parallax / interactions · from CA$900
Cards tilting under the cursor, magnetic buttons, custom cursors. The highest-perceived-craft upgrade at the lowest cost.
Kinetic typography · from CA$800
Headlines revealing character by character, paced by scroll. Presence for launch pages, events and investor decks.
Scroll-linked theme morph · from CA$1,000
The page shifts from a dark stage to a bright content zone as you scroll — exactly what our own homepage is running right now.
How we work
1. Free assessment (30 min)
We review your current site and competitors, and pick the effects worth buying at your budget.
2. Motion storyboard
You see a scroll storyboard and motion samples first. Development starts only after the feel is right.
3. Performance-budgeted build
Every effect has a loading budget: instant headline paint, deferred heavy assets, and a mobile fallback shipped alongside.
4. Launch + 28-day watch
We monitor the Core Web Vitals report in Google Search Console for 28 days post-launch. Not green = not done.
Frequently asked questions
Won't animations hurt my Google ranking?
Done wrong, they will — that's precisely the difference. Our effects lazy-load, stay off the critical path, respect reduced-motion, and must ship with green Core Web Vitals, monitored for 28 days after launch. Our own homepage works this way — run it through PageSpeed Insights yourself.
Will it lag on phones?
No. Every effect ships with a mobile fallback: 3D becomes a lightweight gradient, video loads only in-viewport, scroll scenes simplify to fades. Smooth even on low-end Android.
Do you build bilingual Chinese/English sites?
Yes — it's our default. Our own site is fully bilingual with complete hreflang SEO structure; the motion layer is decoupled from the language layer, and both versions stay green.
Can government grants cover this?
Many clients fund site upgrades through BC and federal digital-adoption programs. Which one fits you is exactly what the free assessment covers — or see our AI grant page.