Service

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.

See it live: our homepage

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. NextAgent 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. NextAgent, where flash and performance are both non-negotiable.

First paint (LCP)
Flash-only templates / studios:4–8s (video + 3D piled on the hero)
NextAgent motion build:< 2.5s, green Core Web Vitals
Mobile experience
Flash-only templates / studios:janky, hot, or animations simply removed
NextAgent motion build:automatic graceful fallbacks, smooth on low-end phones
SEO / ranking impact
Flash-only templates / studios:flash drags rankings down
NextAgent motion build:JSON-LD + bilingual hreflang, rankings intact
Price
Flash-only templates / studios:US$2,500–20,000+, per-screen billing
NextAgent motion build:fixed CAD packages, ~40% lower, grant-eligible

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 runs in Chinese, English and French with a complete hreflang SEO structure; the motion layer is decoupled from the language layer, and every language version stays 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.

Tell us about your situation

In 30 minutes, tell us what slows you down. We will say what we can do, roughly how long it takes, and whether a grant can help.