Sito cinematografico · Al posto di guida
Autosalone Zanarini Cerri
Scorri, si apre la portiera e dal posto di guida il salone diventa strada.
- Anno
- 2026
- Stato
- Concept
Il problema
Chi cerca un'auto usata o a chilometri zero trova spesso siti che sembrano bacheche di annunci, con una griglia di foto, un prezzo grande e un modulo di contatto.
Della vettura non si sa da dove arriva, quali controlli ha passato, cosa copre la garanzia o come verrà valutata la propria permuta. Così la fiducia, che è la vera ragione per scegliere un salone invece di un altro, resta tutta da conquistare al telefono.
La soluzione
Ho immaginato Autosalone Zanarini Cerri come un salone dove ogni auto si presenta con il suo fascicolo aperto, prima ancora del prezzo.
In apertura la crossover verde aspetta nel salone luminoso. Mentre scorri parte una scena cinematografica che segue lo scroll, un video generato e diviso in fotogrammi. La camera vola verso la portiera, la portiera si apre, ci si siede al posto di guida e dal parabrezza il salone diventa una strada al tramonto, dove si atterra sull'invito alla prova. Poi arrivano il fascicolo con i controlli, le auto, i quattro passi fino alle chiavi, l'assistenza dopo il ritiro e le domande, fino alla prenotazione. Ho scelto il verde pino con dettagli champagne su fondi avorio e scuri, e titoli pesanti e netti con le parole chiave evidenziate in verde.
Il sito in numeri
- Fotogrammi nella scena che segue lo scroll
- 270
- Passi dalla scelta alle chiavi in mano
- 4
- Sezioni della pagina, dal salone alla prenotazione
- 7
Tecnologie
- React
- GSAP
- Canvas
- TypeScript
- Tailwind CSS
- Vite
- Lenis
- Motion
- 21st.dev
- Google Flow
- ChatGPT
Le schermate
Su mobile
Lo stesso sito sul telefono, pensato per il pollice e per lo schermo piccolo.
1 di 3
Usa le frecce sinistra e destra per scorrere le schermate.
Su desktop
La pagina scorre e la scena cambia con te. Qui alcuni momenti, dall'apertura ai contatti.
1 di 5
Usa le frecce sinistra e destra per scorrere le schermate.







