Skip to content
QuietCubes: A 3D Product Configurator That Actually Sells Office Pods

QuietCubes: A 3D Product Configurator That Actually Sells Office Pods

A real-time 3D configurator for soundproof office pods. WebGL handles material swapping, dynamic lighting, and e-commerce integration without breaking a sweat. The kind of project that shows what browser-based 3D looks like when it has to close deals.

Details

Maker
Adelt
Published

What it is

There's a particular kind of satisfaction in watching someone sell premium soundproof office pods through a browser. The QuietCubes configurator does exactly that: you pick your pod size, swap colors and materials in real time, toggle add-ons, and watch your custom workspace materialize on screen. The lighting controls buried in the interface hint at the care taken here. Directional and point lights with adjustable intensity. Anti-aliased shadows that make the steel frame and glass panels read as actual objects rather than floating geometry. The whole thing runs smooth enough that you forget you're spinning a 3D model on a webpage.

This is graphics doing essential work: rendering configurable products at e-commerce scale with real-time material swapping and dynamic pricing. The team clearly optimized for load time and mobile performance over visual excess. PBR materials keep the acoustic panels looking correct under different lighting conditions. The camera constraints feel deliberate rather than lazy. You get exactly the views you need to make a purchasing decision, nothing more. It's the kind of project that makes a quiet case for WebGL's commercial maturity.

Built by ADELT Agency, a Barcelona-based design and development studio. They specialize in branding and Webflow development for startups, and this configurator represents their work at the intersection of 3D visualization and e-commerce. Worth poking around the dev tools while you're there.

How it’s made

Technology
WebGL
Framework & Tool
Three.jsWebflow