AutoSerwis - A car repair shop website with online booking

The challenge

The shop's site ran on Weebly, and it showed: a dated look, unreadable addresses and opening hours buried in the text. The only way to book was to call during working hours, and services like diagnostics, air conditioning or tyre fitting had no pages of their own that could rank in Google.

Design: workshop character without cheap effects

Colours and typography

The palette is as tidy as a well-run workshop: white, graphite and steel, with a strong red in the header, buttons and highlights. Headings use Saira, a narrow, technical typeface that recalls the markings on parts and tools. Thanks to its variable width, long headlines fit on one line even on phones. Body text is set in Public Sans, which stays readable even in small descriptions.

A new logo

The logo went through several rounds. The final version slants slightly, as if in motion, uses flat colours with no gradients, and makes the mark part of the line of letters. White letters with a dark mark on the red header bar are legible at any size, including as a tiny browser tab icon.

A hero with a workshop photo

The workshop photo fills the full height of the first screen and blends into the background with a soft, slanted cut. The same slant returns in the red badge showing the year the shop opened. Next to it is a strong line: "Written estimate first. Repair second." Customers know straight away there won't be any surprises on the bill.

Section layout

The site is light: white sections divided by thin lines, with only the footer in a dark colour. Content always lines up with the header's width, from the left edge of the logo to the right edge of the phone number, so everything looks orderly. The tips section uses one large number in the brand colour to catch the eye and lead into the article.

Features that turn visitors into customers

• Online booking with a real monthly calendar. Sundays and public holidays are disabled, the calendar opens on the first month with a free day, and Saturdays have shorter time slots. Customers pick one service and add anything else in a note.
• A "Book" button next to every service that pre-selects it in the form and scrolls down to it.
• A live "open now" status, such as "Open now, until 18:00 today" or "Open tomorrow from 9:00".
• A phone number with an animated underline in the header. The number appears only where it makes sense: in the header, the contact section and the footer.

SEO: a local shop that ranks for specific services

• Separate service pages: mechanical repairs, computer diagnostics and auto electrics, air conditioning, tyre fitting and LPG systems. Each has its own title, description and FAQ section.
• "Auto repair" structured data with the address, opening hours and services, plus FAQ and breadcrumb markup on service pages.
• A tips section for drivers with articles marked up as blog posts: content that answers the questions people type into Google.
• Short, readable addresses such as /klimatyzacja, and lightweight static code that opens quickly on phones.

The result

"Call and ask" became "check and book". Drivers can see whether the shop is open, what it fixes and when they can come in, and book a slot without a phone call. The shop gets a site that looks like its work: straightforward, with no unnecessary frills.