[ Case study · 003 ]
Independent Auto Repair · Boutique Brand Lift · Santa Rosa, California

Hahn Automotive.
A boutique site for a shop that deserved one.

Hahn Automotive does work that competes with dealership service bays. The existing site didn't. We rebuilt it into a 62-page luxury-positioned build — real shop photography, a CSS design system that scales, and a layout that signals European-car-specialist quality before the visitor ever reads a service description.

62
Pages shipped
CSS v6
Design system
100%
Real photography
Live
hahn-auto.netlify.app
[ Challenge ]

What we
walked into.

Independent shop competing against dealership service departments and national chains — the work was premium, the brand presentation was commodity.

Stock-photo mechanic imagery undercuts a premium positioning instantly. Visitors subconsciously match site quality to shop quality.

Needed service × vehicle coverage that could rank on long-tail queries ('Audi brake service Santa Rosa', 'Mercedes oil change Sonoma County') without turning into a thin-page farm.

[ Strategy ]

The play.
Narrow on purpose.

The pillars we prioritized — and what we deferred. Every engagement starts with a decision about what not to do.
01

Luxury positioning

Design system built around European-marque visual cues — dark premium palette, generous type, editorial layout. The site now matches the shop's actual market position, not the commodity auto-repair category.

02

Real shop photography

Zero stock imagery. Every photo is inside the shop, the bays, the lifts, the actual vehicles. Buyers can tell the difference in half a second — and it's the single highest-leverage trust signal for auto repair.

03

Service × make page matrix

62 pages across service types × vehicle makes — each targeting a specific long-tail query. Hand-tuned copy, not programmatic filler.

04

Scalable design system

CSS v6 design system means additional services, cities, or vehicle makes can be added without hiring a designer — the template already holds the premium bar.

[ Implementation ]

What
we shipped.

The actual work — the pages, the campaigns, the technical scaffolding. Every item below is live.
01

Site build

  • 62-page custom Astro build
  • Real shop photography integrated throughout — bays, lifts, specific vehicle work
  • CSS v6 design system (typography scale, spacing system, color tokens, component primitives)
  • Service pages organized by repair type × vehicle make
  • LocalBusiness + AutoRepair schema per page
02

Conversion layer

  • Phone CTA pinned on mobile
  • Service-specific contact forms per page (context-aware routing)
  • Trust signals above fold: ASE certification, specific marque expertise, reviews
  • Loading-fast mobile layout — auto-repair searches convert best on mobile within the first 2s
[ Outcomes ]

What's
live now.

  • Brand presentation now matches shop quality — the site is doing the trust work the old one couldn't
  • 62-page service × vehicle-make footprint live and indexed
  • CSS v6 system scales — new services or locations ship in hours, not weeks
  • Foundation ready for Local SEO + GBP work to layer on top of the positioning lift
See it live · hahn-auto.netlify.app
[ Free visibility check ]

Want the same thing for your business?

Run your business through the same diagnostic we ran before engaging this client. You'll get a personal plan from Bryan within one business day — no call required to start.

· Pulled from Google
· Verified by you
· Delivered by a human

Powered by Google Places · Pick the real you from the dropdown