Progetto showcase: ciò che possiamo creare per te

Kestrel E1

Tipo: sito prodotto con video guidato dallo scroll·Siti immersivi + Siti web·2026

Video a scroll
Canvas frame-scrub
Lancio prodotto
Astro

Progetto showcase: una pagina prodotto per una e-bike urbana in cui un filmato in studio va avanti e indietro mentre scorri, così giri intorno alla bici con il pollice.

Case study

Il problema

Il video vende i prodotti, ma una clip in autoplay si supera facilmente con lo scroll e un file video pesante rallenta la pagina, soprattutto sui telefoni.

Cosa abbiamo realizzato

Una pagina prodotto in cui un filmato in studio di otto secondi è diviso in fotogrammi WebP e disegnato su un canvas mentre scorri, così è il visitatore a controllare il filmato. I telefoni ricevono una sequenza più piccola e ritagliata di 72 fotogrammi, caricata dopo che la pagina è pronta, prima quelli a bassa definizione. Una galleria fissata, una sezione di numeri e una tabella delle specifiche portano i dettagli; con il movimento ridotto attivo il filmato diventa un'immagine ferma e la pagina si legge dall'alto in basso.

Tecnologie

Astro
Canvas frame-scrub (fotogrammi WebP)
ffmpeg
GSAP ScrollTrigger
Lenis smooth scrolling
Vercel

Punteggi Lighthouse

100 Prestazioni
100 Accessibilità
100 Best practice
100 SEO

Test reale con Google Lighthouse, impostazioni mobile, su kt-demo-kestrel.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.