Auto repair website

Auto Repair

Website for a car repair shop. Booking starts in the first screen, and prices are shown before a visitor has to call.

Website for a car repair shop: headline, ratings, and a booking form for year, make, and model

What the site needed to do

Let a driver see what a job costs and book it without calling, by putting the booking form and the prices where they are seen first.

Auto Repair is a website for a fictional independent repair shop in Austin. The first screen holds a three-step booking form. Below it, every service is listed with its starting price, a price table covers the common jobs, and a sample estimate shows how a customer approves each item before work starts.

  • Booking in the first screenA three-step form sits beside the headline and starts with the car's year, make, and model, so a visitor can begin booking without scrolling.
  • Prices beside every serviceEach of the eight services shows its starting price in the list. Picking one opens a panel with what is included, how long it takes, and a button to book that service.
  • The estimate, shown as a pictureA sample estimate with items to tick shows how approval works instead of describing it. The ratings, reviews, staff, and prices in the design are sample content.

More from the site

Two more sections from the same page.

Auto Repair website: eight services listed with starting prices, and a panel showing what an oil change includes
Services with starting prices
Auto Repair website: a 24-month warranty seal beside a sample estimate with items to approve and a total
Warranty and a sample estimate
Next step

Want a page planned like this for your business?

Tell us what you do and we’ll send you a price.

Get a quote