THANDA — Immersive Beverage Experience

Case Study / Creative Technology

The Vision THANDA isn't just a product page—it's a temperature drop. The word itself means cold, and the experience had to deliver that sensation before the user ever took a sip. We set out to build a digital environment where the product doesn't sit on a shelf, but floats in its own atmosphere: effervescent, refreshing, and impossible to ignore.

Technical Execution Built with React Three Fiber and Three.js, the entire experience is driven by a real-time WebGL pipeline. Each flavor variant exists as a physically-based 3D can with custom GLSL shaders handling metallic reflections, condensation droplets, and iridescent rim lighting that shifts as the user scrolls. The background isn't a static gradient—it's a living particle system simulating carbonation bubbles rising through chilled liquid, rendered via custom fragment shaders with noise-driven displacement.

Scroll progression triggers cinematic camera moves using GSAP ScrollTrigger, seamlessly transitioning between flavor worlds. As the user journeys from Lemon Lime to Black Cherry, the entire scene undergoes a color temperature shift—environment maps morph, fog densities adjust, and typography refracts through the same light models illuminating the product. Advanced CSS layers sit atop the canvas with glassmorphism treatments that respect the 3D depth beneath them.

The Contra Where beverage sites typically rely on flat photography and generic parallax, THANDA treats the browser as a real-time renderer. There are no JPEGs of cans—only geometry, materials, and light. The product doesn't rotate on a preset loop; it responds to scroll velocity, tilting with physics-based inertia. The "chill" isn't communicated through copy—it's visualized through shader-driven breath effects and caustic light patterns that mimic sunlight through ice-cold glass.

Recognition-Worthy Details

Procedural Condensation: Custom GLSL generates realistic water droplets on can surfaces that react to simulated temperature changes.

Flavor-Driven Environments: Each SKU triggers a unique HDR environment map and chromatic palette, making every scroll feel like entering a new world.

Carbonation Particle Systems: Bubble physics rendered in real-time with varying rise speeds and refraction indices.

Post-Processing Pipeline: Bloom and glow effects isolate the product in a halo of cold light, separating it from the background without breaking physical realism.

Zero Static Assets: Every can is a live 3D instance—lighting updates dynamically, reflections are environment-mapped, and labels retain crisp vector resolution at any zoom level.

Result A website that quenches before the first click. THANDA proves that commodity products deserve experiential treatment—transforming a simple soda can into a cinematic object of desire through code, light, and physics.