// English

Scroll-Driven 3D Website with Chapter-Based Storytelling

A site that unfolds as a sequence of 3D chapters — scroll moves the camera, scene morphs, and the narrative builds toward a single CTA.

Get a quote All 3D services

Scroll-driven 3D websites work like a timeline: you scroll, the camera moves, the scene morphs, each chapter delivers one focused message. The technical core is GSAP ScrollTrigger orchestrating Three.js scene transitions, with Lenis smooth scroll layered on top. This format earns the most attention for brands selling premium products or services where a single hero doesn't carry the message — fashion houses, luxury real estate, fintech startups, conference microsites. Typical timeline: 5-7 weeks delivery for a 3-5 chapter site. Pricing in the \$3,500-\$8,000 range.

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.

Where it fits

This service is the right call when the brand needs a visual moment that ranks beyond the average competitor — agencies pitching new business, premium e-commerce, portfolios that need to look ahead-of-curve. If you need a basic content site or blog, a static-site generator without 3D is more economical and ranks just as well for simple keyword targets.

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.

Frequently asked questions

Do you write technical documentation in English?

Yes. All deliverables — code comments, README, technical handoff doc, walkthrough video — are in clean professional English. The site itself can be in any language; content is your responsibility, code and docs are mine and they're English by default.

How does payment work for non-EU clients?

USD wire transfer or USDC stablecoin. Formal invoices from a registered Serbian sole-proprietor, accepted under most reseller-of-record platforms (Deel, Remote, Ontop). For US clients I also support W-8BEN-E if the relationship requires it.

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?

Hero-section 3D upgrade: \$1,500-\$2,500. Full multi-scene 3D site: \$3,500-\$8,000. Configurator with custom shaders: \$5,000-\$12,000. All fixed-price, source code included. EUR equivalents on request.

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 — fixed price, fixed deadline, no surprises.

Get a quote +381 61 224 8989