← RETURN TO ARCHIVECASE STUDY 01 / 2025
3D & SPATIAL
SomaBotanical
Vedic Alchemical Skincare Sanctuary & 3D E-Commerce World
CLIENTSoma Labs Switzerland & Varanasi
YEAR2025
DISCIPLINES
Creative DirectionWebGL ArchitectureCustom ShadersE-Commerce Engine
REAL-TIME WEBGL DISPLACEMENT PLANE
Soma Botanical — Spatial Environment
RENDERED VIA THREE.JS R3F SHADER PIPELINE AT 60 FPS
01 / THE CHALLENGE
Soma required a digital flagship that conveyed the sacred alchemy of Himalayan botanical distillation while delivering sub-second checkout speeds across 40 global markets.
02 / SPATIAL APPROACH
We engineered a bespoke Three.js rendering pipeline using compressed KTX2 normal maps and real-time GLSL displacement shaders, allowing users to physically "carve" through botanical stone reliefs to reveal formulation notes.
03 / THE OUTCOME
Awarded Site of the Year and FWA of the Month, driving a 340% increase in average session duration and a 42% uplift in conversion for luxury botanical serums.
+340%Session Duration
+42%Conversion Rate
60 FPS stableWebGL Frame Rate