Skip to content

Cinematic website · In the driver's seat

Autosalone Zanarini Cerri

Scroll, the door opens and from the driver's seat the showroom turns into the road.

Year
2026
Status
Concept

The problem

Anyone looking for a used or nearly new car usually finds websites that look like classified ad boards, with a grid of photos, a big price and a contact form.

You cannot tell where the car comes from, which checks it has passed, what the warranty covers or how your trade-in will be valued. So trust, the real reason to pick one dealer over another, still has to be won over the phone.

The solution

I imagined Autosalone Zanarini Cerri as a showroom where every car comes with its file laid open, before you see the price.

At the top the green crossover waits in the bright showroom. As you scroll, a cinematic scene follows you, made from a generated video split into frames. The camera glides towards the door, the door opens, you settle into the driver's seat and through the windscreen the showroom becomes a road at sunset, where you land on the invitation to a test drive. Then come the car file with its checks, the cars, the four steps to the keys, aftercare and the questions, right up to booking. I chose pine green with champagne details on ivory and dark backgrounds, and heavy, crisp headlines with the key words highlighted in green.

The site in numbers

Frames in the scroll-driven scene
270
Steps from choosing the car to the keys in hand
4
Page sections, from the showroom to booking
7

Technologies

  • React
  • GSAP
  • Canvas
  • TypeScript
  • Tailwind CSS
  • Vite
  • Lenis
  • Motion
  • 21st.dev
  • Google Flow
  • ChatGPT

The screens

On mobile

The same site on a phone, designed for thumbs and small screens.

1 of 3

Autosalone Zanarini Cerri on a phone, the green crossover in the showroom with the headline and the button to book a test drive below
Autosalone Zanarini Cerri on a phone, the cars headline and the certified used card with the key icon and the engine photo
Autosalone Zanarini Cerri on a phone, the steps on a pine green background starting with choose and drive, each with its own icon

Use the left and right arrow keys to browse the screens.

On desktop

The page scrolls and the scene changes with you. Here are a few moments, from the opening to the contact section.

1 of 5

Autosalone Zanarini Cerri, the home page with the cars in the showroom, the headline highlighted in green and the buttons to book a test drive
Autosalone Zanarini Cerri, in the scene the door opens onto ivory seats and an invitation to take the driver's seat appears
Autosalone Zanarini Cerri, the end of the scene with the road at sunset seen through the windscreen and the invitation to a test drive
Autosalone Zanarini Cerri, the car's file in a green folder with a workshop photo, the inspection bench, the history and the price
Autosalone Zanarini Cerri, the cars headline and the thick-bordered tiles for certified used and nearly new cars

Use the left and right arrow keys to browse the screens.

Want a site like this for your business?

Let's talk