HZANA
Immersive Website - 2025
An immersive web experience for HZANA, shaped around frequency products, meditative visuals, particles, ribbons, and sound-oriented interaction.
The site opens on a quiet horizon and descends through the product, the frequencies, and the atmosphere they create, treated as one continuous world.
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.
The device at the center of the experience.
The HZ-01 device is presented as an object worth studying: lit softly, framed generously, and always connected to the sound it produces.
Frequencies become the navigation.
Instead of menu items, the visitor moves between frequencies, and the interface reorganizes itself around whichever one is playing.
Every frequency carries its own story.
Each of the ten frequencies gets a dedicated panel: what it is associated with, how it might feel, and the original soundscapes recorded for it. The 432 Hz panel shown here is one of ten.
A restrained palette around the audio.
Color shifts slowly between sections, and light behaves like weather rather than interface feedback, keeping the attention on the audio.
Sections hand off through motion and color.
Sections hand off to each other through motion and color rather than hard breaks, so the visit keeps the pacing of a listening session.
Supporting frames from across the experience.
Stills from different points of the journey show how the world keeps its language while the content changes underneath it.
Product photography anchors the interaction.
Photography of the device in use anchors the digital world to the physical product: ten frequencies, four soundscapes each, chosen by touch.
