skip to content

Home

The landing page: a hero, a credentials strip, the six services, the five-step process, the workshop's three standards, the story teaser, three owner quotes, six questions, and a closing call to send photos.

9 screens

Bartels Autocare: Hero on the Home page, desktop
Bartels Autocare: Hero on the Home page, mobile

Hero

A full-bleed dark hero over a car silhouette: the monogram, a gold eyebrow reading Adelaide CBD's only dedicated repair centre, a three-line serif headline with the year in gold, a two-line subline, and two actions, Get a Quote and the phone number in mono.

Services

The services page: a page header, the six services as alternating numbered rows, the four things arranged around a repair, and the closing call.

4 screens

Bartels Autocare: Page Header on the Services page, desktop
Bartels Autocare: Page Header on the Services page, mobile

Page Header

The site header with Services current, then the eyebrow What we do, a one-line serif headline and a two-line lead.

Our Story

The story page: a page header, the name and the monogram explained beside the logo, the workshop at dusk, three commitments, four city conveniences, and the closing call.

6 screens

Bartels Autocare: Page Header on the Our Story page, desktop
Bartels Autocare: Page Header on the Our Story page, mobile

Page Header

The site header with Our Story current, then the eyebrow, the headline Named for the Street. Built for the City. and a two-line lead.

Contact

The contact page: a page header, the visit details beside a message form, and a 3D map of the block.

3 screens

Bartels Autocare: Page Header on the Contact page, desktop
Bartels Autocare: Page Header on the Contact page, mobile

Page Header

The site header with Contact current, then the eyebrow, a headline and a lead.

Get a Quote

The quote page: a page header and the photo-first quote form with what happens next beside it.

2 screens

Bartels Autocare: Page Header on the Get a Quote page, desktop
Bartels Autocare: Page Header on the Get a Quote page, mobile

Page Header

The site header, then the eyebrow, a headline and a lead for the quote request.

desktop

  1. Home

  2. Services

  3. Our Story

  4. Contact

  5. Get a Quote

mobile

  1. Home

  2. Services

  3. Our Story

  4. Contact

  5. Get a Quote