HZANA
Immersive Website - 2025
An immersive web experience for HZANA, shaped around frequency products, meditative visuals, particles, ribbons, and sound-oriented interaction.
The codebase includes a particle experience, world setup, sound backdrop, sound sphere particles, product scenes, overlays, and procedural ribbons.
Role: Immersive Direction, WebGL Motion, Interaction Design
Stack: Vite, TypeScript, Three.js, GLSL, three-custom-shader-material
The product system is framed as an atmospheric experience.
Sound-frequency content, product visuals, and WebGL motion are treated as one brand environment rather than separate page modules.
Particles and overlays create the rhythm of the page.
Dedicated particle, sound, backdrop, and overlay modules make it possible for the atmosphere to respond to scroll and interaction without turning into decoration.
