The Auto Shed

A dealership site with live stock, finance applications and WhatsApp enquiries.

The Auto ShedPremium pre-owned dealership, Centurion

Scroll inside the screen to explore the whole page.

Project
Premium pre-owned dealership, Centurion
Built with
Next.js, Supabase, AutoTrader API, Signio, Vercel
Live at
theautoshed.co.za

The brief

The Auto Shed sells premium pre-owned cars, from city hatchbacks to G-Wagons, mostly to buyers who browse on their phones, finance their cars and prefer WhatsApp to email. The site had to feel premium without feeling exclusive, keep stock perfectly in sync, and turn browsing into conversations about specific cars.

  • Stock synced from AutoTrader every ten minutes
  • Online finance applications sent straight to the dealer's finance system
  • WhatsApp enquiries prefilled with the car and stock number
  • A Google vehicle ads feed and search-friendly car pages

What I built

01

A showroom that keeps up

Filters for make, body type, price, year, mileage, gearbox and fuel, all kept in the URL so every search can be shared. Car pages render on the server, so they load fast and Google can read them.

The Auto Shed's showroom: browse by body type, budget or make

02

From browsing to a conversation

Every car page has a WhatsApp button that opens a message with the car and stock number already filled in, plus an enquiry form, tap-to-call and a repayment calculator.

The Auto Shed's latest arrivals: live stock with prices and monthly estimates

03

Finance without the back-and-forth

The online finance application checks ID numbers as you type, fills in date of birth automatically and sends the application straight to the dealer's finance system.

The Auto Shed's repayment calculator beside its trade-in steps

04

Built to be found

Structured data on every car, a vehicle feed for Google ads, an XML sitemap that follows the stock, and sold cars that point visitors to similar ones instead of a dead end.

Made for the phone first

Most visitors arrive on a phone, often on mobile data. Every screen is designed for a thumb first.

The Auto Shed's website on a phone, the top of the homepage
The Auto Shed's website on a phone, screen 2
The Auto Shed's website on a phone, screen 3