Concept Gearwell Auto · Auto repair · Van Nuys

An auto repair website lit like a dashboard at night

A coffee-black auto repair site lit like a dashboard at night, with a warning light guide and a line-by-line estimate.

Gearwell Auto home page on a desktop screen
Gearwell Auto home page on a phone
Gearwell Auto is a made-up brand. I designed and built it to show what a auto repair site can look like; the people, prices, results and reviews on it are samples.

The brief

Gearwell Auto is a made-up repair shop in Van Nuys that works on every make: brakes, check engine lights, A/C, alignments and maintenance.

Drivers come to a repair site worried. A light is on, they don’t know if the car is safe to drive, and they’ve heard about surprise bills. Most shop sites list services and a phone number and leave both worries alone.

Industry
Auto repair
Type
Website
Pages
3
Fonts
Mona Sans
Colors
EspressoCocoaCreamWalnutAmber

The idea

A dashboard at night

The page is warm coffee black with cream type, and amber is kept for the things you press, like a dash lit at night. The first screen is the lift photo full bleed under a dark wash, with a big light headline, an amber pill and an amber arrow circle, and three quick facts on hairlines along its bottom. A dial of 60 cream dots counts the nine warning lights the site explains, beside the lights in small ringed circles. Services are hairline rows, three shop photos sit side by side, and a cream band flips the page for the estimate steps. Espresso, cocoa, cream and amber; Mona Sans in two weights.

Design decisions

Answer the light first

Nine warning lights, each with what it means, what to do right now, whether to keep driving and what the shop checks, so a driver can choose between driving in and calling a tow.

An estimate you approve line by line

A sample written estimate lists each repair with how soon it matters and its price. Untick a line and the total and count update, with boxes to be called before going over and to get old parts back.

One path to the bay

The light guide’s drop-off button carries the light into the drop-off form, which offers the next six open days in Pacific time.

Warning light guide

The same page on a desktop and a phone. Try it live

Gearwell Auto: Warning light guide on a desktop screen Gearwell Auto: Warning light guide on a phone

What’s built

  • Warning light guide for nine lights with drive-or-tow advice
  • A dotted dial and eight warning lights on the home page that open the guide
  • Written estimate with line-by-line approval and a live total
  • Six common jobs with sample times and prices
  • Drop-off request with the next open days in Pacific time
  • California written-estimate note

Pages to try

Everything works in the browser. Forms and checkout don’t send anything.

Want one like it?

A site like this starts at $5,000.

Your site gets its own idea, the way this one does, built around your business and your customers. You get one fixed price in writing, once you send the details, and you work with me directly from the first sketch to launch.

Pricing and process Auto repair website design

Free fixed quote

Get your fixed quote

You get a fixed-scope quote within 48 hours. Everything by email.

Goes straight to my inbox. Prefer email? Write to hello@bushe.co.

More concepts

See all 41