Progetto showcase: ciò che possiamo creare per te

Halden Hush

Tipo: sito di lancio prodotto in 3D·Siti immersivi + Siti web·2026

Scroll 3D
Lancio prodotto
Three.js
Astro

Progetto showcase: una pagina di lancio in 3D guidata dallo scroll per un paio di cuffie wireless. Un modello realistico delle cuffie, in luce da studio, ruota mentre scorri, e sottili anelli sul modello aprono brevi note su ogni dettaglio.

Case study

Il problema

Il lancio di un prodotto premium ha bisogno di una pagina curata quanto il prodotto. Foto piatte e un elenco di specifiche non mostrano come è fatto un oggetto, e i siti 3D pesanti sono spesso lenti sui telefoni e invisibili a Google.

Cosa abbiamo realizzato

Una pagina di lancio calma, in tono chiaro color carta, composta in Hanken Grotesk, con testi brevi in stile editoriale che si aprono su 'Quiet has a shape.' Un modello realistico delle cuffie con licenza CC0 è illuminato con un HDRI da studio di Poly Haven e renderizzato in tempo reale con Three.js. Lo scroll porta il modello attraverso tre capitoli (Silence, Materials, Power) e sottili anelli sul modello aprono una breve scheda di dettaglio; sui telefoni la scheda sale dal basso come un pannello. Ogni parola è vero HTML, così la pagina resta trovabile nella ricerca.

Tecnologie

Three.js
GSAP ScrollTrigger
Lenis
CC0 model
Poly Haven HDRI

Punteggi Lighthouse

100 Prestazioni
100 Accessibilità
100 Best practice
100 SEO

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-halden.vercel.app il 2 novembre 2026. I punteggi possono variare di qualche punto tra un test e l'altro.

Realizzato da KreativeTab per mostrare cosa è possibile.