← INDEX

CASE 05 · WEB · BRAND · UI

Auto Check

A car repair business site that turns visits into booked work.

YEAR
2023
ROLE
Design, development
STACK
Web · SEO · Booking flow
Auto Check, exploded technical cover plate
CASE 05 · EXPLODED VIEW
00

BRIEF

A repair shop is judged before the first visit

People pick a garage the way they pick a dentist: on signals of competence. Auto Check needed a site that makes the workshop's professionalism visible and turns that trust into booked appointments, especially on mobile.

  • N-01Mobile-first was literal: most visitors arrive from a roadside search.
01

STRUCTURE

One page architecture, one job

The architecture is a straight line: what we fix, why trust us, book a slot. Each service got its own plain-language page, which is also what local search rewards. Everything on the site points at the booking action.

FIG 01-A · LANDING, TRUST TO BOOKING
FIG 01-B · FOUR-FIELD BOOKING FORM
  • N-02Every page ends at the same single call to action.
02

SYSTEM

Industrial type, spec-sheet honesty

The identity leans on workshop material: bold industrial type, spec-sheet layouts, photography of real work instead of stock handshakes. It reads like a place that torques bolts correctly.

GARAGE#101214PRIMER#F2F2F0DIAGNOSTIC#1F6FEBBRAKE#D23B2EAaINDUSTRIAL CONDENSED + SPEC-SHEET MONOBRAKES · CHECKED · OKPRIMARYGHOST
FIG 02 · WORKSHOP SYSTEM
  • N-03No stock imagery: the shop's own floor is the brand.
03

CRAFT

Restraint as a feature

Motion is minimal and functional: content settles in as you scroll, service cards respond to touch, nothing performs for its own sake. On a slow connection in a parking lot, the site still feels immediate.

FIG 03 · SERVICES SECTION
FIG 03 · SERVICES SECTION
  • N-04Speed budget enforced: the site stays light enough for roadside data.
04

BUILD

Fast pages and a booking path

Built for performance and findability: semantic pages per service, local SEO structure, and a booking flow that collects exactly what the workshop needs to confirm a slot, nothing more.

  • N-05Form asks four things; every extra field was a lost booking.
05

SHIPPED

Open for bookings

Auto Check ships as a working storefront: findable in local search, convincing in ten seconds, and one tap from a confirmed appointment.

FIG 05-A · LANDING, LIVE
FIG 05-A · LANDING, LIVE
FIG 05-B · WEB APP INTERFACE
FIG 05-B · WEB APP INTERFACE
  • N-06The checklist in the schematic is real: it mirrors the booking form fields.

The shop's web presence now does sales work: services are understandable, trust is visible, and booking is one obvious action instead of a phone number buried in a footer.

WEB · SEO · BOOKING FLOW
AUTO CHECK · PROCESS
000%

GALLERY

Auto Check, up close

FIG 01-A · LANDING, TRUST TO BOOKING
FIG 01-B · FOUR-FIELD BOOKING FORM
GARAGE#101214PRIMER#F2F2F0DIAGNOSTIC#1F6FEBBRAKE#D23B2EAaINDUSTRIAL CONDENSED + SPEC-SHEET MONOBRAKES · CHECKED · OKPRIMARYGHOST
FIG 02 · WORKSHOP SYSTEM

NEXT · CASE 06

A Love Story in Motion