ATH — 3D immersive experience

3D · WebGL · Brand experience

3D · WebGL · Brand experience

ATH — 3D immersive experience

ATH 3D immersive web experience

The brief

ATH wanted a 3D immersive web experience that would replace their traditional marketing site — something that felt extraordinary on first visit and ran smoothly on a Macbook Air. Two design studios had tried and given up; everyone said it couldn’t be done within the browser’s frame budget.

We built it on Three.js with custom GLSL shaders, draco-compressed meshes, and a layered streaming model that loaded only what was in viewport. Hero scene boots in 2.1 seconds on a mid-spec laptop. The full experience is 6 chapters that scroll through procedurally generated environments.

Time on site went from 47 seconds to 4 minutes 20 seconds. Branded organic search lifted 2.3x year-over-year because the experience became a press story in its own right.

Results

4m 20s
Time on site
2.1s
Hero TTI
+230%
Branded search YoY
-58%
Bounce rate

Stack

Three.jsWebGLGLSLTypeScriptViteDracoCloudflare Stream

In their words

“Pushing boundaries is what we do. Skill Horizon brought our 3D vision to life with precision and creativity.”

Nino Gorbach
Nino Gorbach
COO, ATH

Want to build something like this?

Book a 30-minute call. We’ll walk through how we’d approach your version.