KreativeTab
All work

Showcase build: what we can create for you

Halden Hush

Type: 3D product launch website·Immersive websites + Websites·2026

View live demo (opens in a new tab)
  • 3D scroll
  • Product launch
  • Three.js
  • Astro

Showcase build: a scroll-driven 3D launch page for a pair of wireless headphones. A realistic headphone model under studio lighting turns as you scroll, and thin rings on the model open short notes on each detail.

Case study

The problem

A premium product launch needs a page that feels as considered as the product. Flat photos and a spec list don't show how something is made, and heavy 3D sites are often slow on phones and invisible to Google.

What we built

A calm, light paper-toned launch page set in Hanken Grotesk, with short editorial copy that opens on 'Quiet has a shape.' A realistic CC0 headphone model is lit with a Poly Haven studio HDRI and rendered live with Three.js. Scrolling moves the model through three chapters (Silence, Materials, Power), and thin rings on the model open a short detail card; on phones the card slides up as a bottom sheet. Every word is real HTML, so the page can still be found in search.

Stack

  • Three.js
  • GSAP ScrollTrigger
  • Lenis
  • CC0 model
  • Poly Haven HDRI

Lighthouse scores

  • 100 Performance
  • 100 Accessibility
  • 100 Best practices
  • 100 SEO

Real Google Lighthouse run, mobile settings, on kt-demo-halden.vercel.app on 2 November 2026. Scores can move a few points between runs.

Built by KreativeTab to show what's possible.

Six frames of the Halden Hush page on desktop: the hero, then the Silence, Materials and Power chapters, with the 3D headphones turning and a detail card open beside a ring hotspot
Desktop scroll story: the headphones turn to each chapter, and the rings open a detail card
Halden Hush on phone and tablet: four phone screens, three of them with a detail bottom sheet open after tapping a ring, and two tablet screens from the Silence and Power chapters
On phones, tapping a ring opens a bottom sheet
The lower part of the Halden Hush page: a two-column specifications table headed The details., then a closing section, A product page that feels like the product., and the footer with model and lighting credits
Specifications, closing section and CC0 credits
Halden Hush hero on a phone, with the 3D headphones above the headline Quiet has a shape. Halden Hush hero on a tablet
First screen on phone and tablet

Try the demo yourself

View live demo (opens in a new tab)

More projects

All work →