Skip to content
Noomo's 3D Storytelling Site: A Walk Through Phoenix

Noomo's 3D Storytelling Site: A Walk Through Phoenix

Noomo's storytelling site turns five client stories into rooms in a lit hallway, with animation bound to scroll instead of autoplay. Three.js doing the heavy lifting, WebGPU peeking around the corner on sister projects. Worth opening the network tab for.

Details

Published

What it is

Noomo's storytelling site opens with a pixel bird and a prompt to reimagine Phoenix, and from there it just keeps unspooling. Scroll, and you drift through case studies for Salesforce, AMD, Coinbase, Intel, and Vogue Business, except they don't read like case studies so much as rooms in a hallway, each lit differently.

Under the hood, Three.js is doing most of the heavy lifting. Worth lingering on the scroll-tied camera moves and the glass-and-material work that recurs from scene to scene. Open the network tab and you can map asset budget against perceived smoothness, which is its own little lesson in pacing. Then go follow them and dig through labs.noomoagency.com, which is where the experiments live before they grow up.

How it’s made

Technology
WebGLWebGPU
Framework & Tool
Three.js
Technique
Shaders