// Service

Scroll Narrative Website — Story That Unfolds With Scroll

A site structured as a sequential story, where scroll moves the narrative forward through 3D scenes and pacing.

Scroll narrative websites are sequential stories. Visitor scrolls, story progresses — this is fundamentally different from "page with scroll-driven effects". Each scroll passage delivers one beat: open with hook, build context, reveal product, demonstrate value, close with CTA. Technical core: GSAP timeline orchestrating Three.js scene transitions, with Lenis smooth scroll layered on top. Cost scales with the number of chapters, quoted per project. Strongest fit for premium product launches, fundraising/campaign sites, brand mission statements. Weak fit for content-heavy sites where users skim non-linearly.

Timeline

Discovery week 1, design week 1-2, development weeks 2-5, integration and QA week 5-6. Total: 4-6 weeks for the standard scope. Larger scope (configurator, multi-scene scrollytelling) extends to 8-12 weeks. I send weekly progress in writing — you always know where the project stands.

Concrete deliverable

What you receive at handover: a working Scroll Narrative Website — Story That Unfolds With Scroll on production hosting, all source files handed over, og-images for social sharing, basic schema.org markup and a sitemap entry. The site is yours from day one — I never hold code hostage.

Engagement model

Fixed price, fixed deadline, payment on delivery. The price covers up to two rounds of revision within original scope. Out-of-scope changes are quoted separately before any work happens. No retainer required, no monthly minimum. We agree once, I deliver, you pay.

Technical foundation

Stack: Three.js v0.170 with GSAP for animation timeline, Lenis for smooth scroll, Vite for build, GLSL for custom shaders when needed. Hosting on a Hetzner / DigitalOcean equivalent — fast first byte, HTTP/2, Brotli compression, CDN for static assets. Lighthouse mobile 85+ guaranteed.

Frequently asked questions

Do you handle hosting?

First year of hosting is included. After that we agree an arrangement that fits the traffic. I don't lock you in — you can move to any modern provider at any time, all assets travel with the codebase.

What's your revision policy?

Two rounds of revision within original scope are included. Out-of-scope changes are quoted separately before any work happens. After delivery, I include 30 days of post-launch support for bug fixes and minor adjustments at no additional cost.

How long does this take?

Standard scope: 4-6 weeks from contract signature to live site. Larger scope (configurator, multi-scene scrollytelling) takes 8-12 weeks. Rush projects (2-3 weeks) are accepted with a 30-40% rush surcharge.

What does it cost?

Every project is quoted per scope — scene count, asset complexity and interactivity drive the effort. Send a short brief and you get a written fixed quote, with source code included.

What if my visitors are on weak phones?

The site detects device tier before the first scene loads and serves a lighter version on weak hardware (fewer particles, simpler shaders). Devices without WebGL get a static fallback that preserves the visual language and conversion path.

Ready to ship a 3D experience?

Tell me what you need — clear written scope, no surprises.

Get a quote +381 61 224 8989