AutoNaprawa - Warsztat i blacharnia z obsługą po kolizji

Wyzwanie

Stara strona miała wiele podobnych podstron i dane kontaktowe porozrzucane w różnych miejscach. Najważniejsza usługa, naprawa powypadkowa rozliczana bezgotówkowo, ginęła w tłumie, a strona nie mówiła wprost, co zrobić po stłuczce. Godzin otwarcia trzeba było szukać, a umówienie wizyty wymagało telefonu.

Projekt graficzny: rodzinny warsztat z charakterem

Kolory i typografia

Tło ma ciepły, papierowy odcień zamiast sterylnej bieli, co pasuje do rodzinnej firmy z wieloletnią historią. Kolorem marki jest głęboka czerwień, a na ciemnych sekcjach używamy jej jaśniejszej odmiany, żeby zachować kontrast zgodny z wytycznymi dostępności (WCAG). Wszystko składamy jednym krojem, Archivo, z regulowaną szerokością znaków. Nagłówki są szerokie i ciężkie, treść spokojna i czytelna.

Hero i liczby

Pierwszy ekran zaczyna się od dużego nagłówka z rokiem założenia w kolorze marki. Obok zdjęcie w ramce przesuniętej o kilka pikseli, jak odbitka położona na kartce, i czerwona plakietka z liczbą lat doświadczenia. Pod hero pasek czterech liczb: „24/7” (pomoc drogowa), „3 w 1” (mechanika, blacharka, lakiernia), „0 zł” (z góry przy szkodzie z OC sprawcy) i „6 dni w tygodniu”. Klient w kilka sekund widzi, co odróżnia ten warsztat.

Sekcja „Po kolizji”

To jedyna ciemna sekcja na stronie, więc nie da się jej przeoczyć. Nagłówek mówi wprost: „Ty dzwonisz. Resztą zajmujemy się my.” Pod nim oś czasu z kolejnymi krokami: telefon i laweta, zgłoszenie szkody, naprawa i bezgotówkowe rozliczenie z ubezpieczycielem. Kroki pojawiają się po kolei, raz, gdy sekcja wjeżdża na ekran, więc czyta się je jak instrukcję.

Mapa obszaru

Zamiast kolejnej osadzonej mapy Google narysowaliśmy schematyczną mapę: warsztat w środku, dookoła osiedla i okoliczne gminy w skali kilometrów. Jest lekka, ostra na każdym ekranie i od razu pokazuje, że warsztat jest blisko.

Funkcje, które ułatwiają kontakt

• Rezerwacja wizyty z walidacją pól i polskim numerem telefonu formatowanym w trakcie wpisywania, np. „600 100 200”.
• Status otwarcia na żywo w nagłówku i w menu mobilnym.
• Stopka z kompletem danych firmy: wszystkie numery telefonów duże i na górze, godziny na każdy dzień tygodnia oraz dane do przelewu z przyciskiem kopiowania numeru konta.
• Opinie klientów ze zdjęciami w osobnej sekcji, z odnośnikiem do wizytówki w Google.

SEO: 8 usług, 8 szans w wynikach wyszukiwania

• Osobne podstrony usług: mechanika, wymiana oleju i filtrów, hamulce, zawieszenie, blacharstwo i lakiernictwo, naprawy po kolizji, pomoc drogowa 24h i autoszyby. Każda ma własny tytuł, opis i FAQ.
• Dane strukturalne warsztatu z adresem i godzinami otwarcia generowanymi z jednego źródła, więc nigdy nie rozjadą się z tym, co widać na stronie.
• Najczęstsze pytania jako FAQ w danych strukturalnych i okruszki nawigacji na wszystkich podstronach.
• Lekka, statyczna strona, która szybko otwiera się na telefonie, czyli tam, gdzie najczęściej szuka jej kierowca po stłuczce.

Efekt

Kierowca po stłuczce trafia na stronę, która mówi mu dokładnie, co ma zrobić: zadzwonić. Pozostali klienci w kilka sekund znajdują usługę, wolny termin i dojazd, a warsztat dostaje stronę, która wygląda na tyle solidnie, na ile solidnie pracuje.