Vai al contenuto

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

Autosalone Zanarini Cerri da telefono, la crossover verde nel salone e sotto il titolo con il pulsante per prenotare una prova
Autosalone Zanarini Cerri da telefono, il titolo delle auto e il riquadro dell'usato garantito con l'icona della chiave e la foto del motore
Autosalone Zanarini Cerri da telefono, il percorso su fondo verde pino con i primi passi, scegli e provi, ognuno con la sua icona

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

Autosalone Zanarini Cerri, la home con le auto nel salone, il titolo evidenziato in verde e i pulsanti per prenotare una prova
Autosalone Zanarini Cerri, nella scena la portiera si apre sui sedili color avorio e compare l'invito a sedersi al posto di guida
Autosalone Zanarini Cerri, la fine della scena con la strada al tramonto vista dal parabrezza e l'invito alla prova su strada
Autosalone Zanarini Cerri, il fascicolo dell'auto in una cartellina verde con la foto dell'officina, il banco, la storia e il prezzo
Autosalone Zanarini Cerri, il titolo delle auto e i riquadri dal bordo spesso dell'usato garantito e dei chilometri zero

Usa le frecce sinistra e destra per scorrere le schermate.

Vuoi un sito così per la tua attività?

Parliamone