Demo project · Landing Start + 3D

Nova Space

An interactive space experience: complex visual effects, 3D and scroll-driven animation. Built to show the ceiling of what is possible.

Timeline
7 days
Technology
3D + animation
Status
Demo
Budget
from €190
Visit site
Website mockup Nova Space

01 · The starting point

Show the ceiling: what happens when a landing page is limited by neither a niche nor a brief — only by technology and taste.

02 · What I built

An interactive space experience: a 3D planet, generative visual effects, complex scroll-driven animation and a deliberate rhythm to the whole thing. Every section is its own scene.

03 · What changed

A showcase project: when a client asks «can you do something more complex than a normal landing page», I send this link.

04 · The hard part

Three technologies that each slow a page down on their own: a 3D scene, generative effects and scroll animation. Together they easily turn into a slideshow on a weak laptop. The load had to be spread over time — the scene initialises after the first screen, the effects are computed on the GPU, and the animation is tied to scroll position rather than a timer so it never falls behind.

Section of the website Nova Space
01A gallery of scenes: hand-assembled visuals, each card comes alive on hover
Section of the website Nova Space
02An interactive Earth in real 3D: rotation, zoom, live time and 12 tracked cities

Key features

AI scene

A generative scene with interactive effects

Scroll animation

Scenes tied together by a single scroll choreography

3D planet

An interactive 3D model right in the browser

05 · Technical details

Stack

ReactThree.jsGSAPWebGL

Integrations

  • 3D rendering
  • Scroll choreography

Need a site like this?

Estimate the cost for your own task — this project's format is already selected in the calculator.