oloflow
All work

StreetCrown

Booking site for a professional auto detailer: appointments, service pricing. and before-and-after gallery.

The StreetCrown site on a laptop, with the gallery on a phone.

StreetCrown washes, polishes, details and coats cars and motorcycles. The site has two jobs at once: convince someone the work is worth paying for, then take the booking.

The booking runs in three steps and notifies the workshop directly, so an appointment reaches the people doing the work without anyone rekeying it.

Sector
Automotive
Stack
Next.jsTypeScriptTailwindContentfulEmailJS
Live
Visit StreetCrown, opens in a new tab

Screens

StreetCrown home page, “Shiny inside, shiny outside”, above three service cards.
The home page and its services.
Booking modal on its second step, choosing between workshop and pickup and delivery.
The three-step booking.
A service page with its starting price and a gallery of detailed cars.
Each service with its price and gallery.
A before-and-after slider splitting one car down the middle.
The draggable before-and-after slider.
About section with a video still and a row of photos of finished cars.

What we did

Booking flow

A three-step modal that ends with the workshop notified.

Service pages

Each service with its own pricing and gallery.

Before and after

A draggable slider comparing the same car either side of the work.

Editable content

Contentful behind the copy and imagery, so the shop updates its own site.

Written up in depth

reinhartandreas.com, opens in a new tab

Got something like this in mind?

Start a project