Jak strona internetowa dla warsztatu samochodowego ma odpowiedzieć kierowcy, czy warsztat zrobi jego naprawę?

1. Usługi z konkretnymi czynnościami

   Sześć usług, od mechaniki pojazdowej i diagnostyki komputerowej po serwis klimatyzacji, wulkanizację i elektromechanikę, ma krótki opis z dotychczasowej strony i własną ikonę. Do każdej dopisaliśmy rozwinięcie z czynnościami warsztatu. Przy klimatyzacji to odzysk czynnika i próba szczelności przed napełnieniem, a przy elektromechanice pomiar prądu spoczynkowego, gdy akumulator rozładowuje się na postoju.

   Kierowca sprawdza więc przed telefonem, czy warsztat zajmie się jego usterką. Przebieg naprawy ma cztery etapy, od zgłoszenia przez diagnozę i naprawę do odbioru, i zapowiada telefon do klienta przed każdą dodatkową pracą. Podstrona o warsztacie opisuje cztery filary jego pracy, czyli zaplecze techniczne, terminowość, gwarancję na usługi i części oraz obsługę wszystkich marek.

2. Przygotowanie do wizyty

   Osobny blok podaje cztery wskazówki, które skracają diagnozę, od telefonu przed przyjazdem i opisu objawu po prośbę, żeby nie kasować błędów i zabrać dowód rejestracyjny. Sześć pytań z odpowiedziami wyjaśnia między innymi, czy trzeba się umawiać, ile trwa naprawa i czy warsztat montuje części przywiezione przez klienta.

   Nagłówek strony głównej to dotychczasowe hasło klienta „Zaufaj profesjonalistom”, a pierwszym i większym przyciskiem jest połączenie z warsztatem. Pod przyciskami stoją godziny pracy, adres i rodzaj obsługiwanych aut. Na telefonie po przewinięciu pierwszego ekranu u dołu zostaje pasek z przyciskami połączenia i umówienia wizyty, a w menu pierwszym przyciskiem jest telefon. Przyciski mają pomarańcz sieci Nexus Auto, a czerwień z logo warsztatu zostaje dla akcentów.

   Cztery podstrony sprawdziliśmy na ekranach szerokich od 320 do 1920 pikseli, czy nic nie jest ucięte, a telefon i adres e-mail dają się kliknąć. Kontrola objęła też kontrast tekstów, kolejność nagłówków i obsługę klawiaturą, a przy ustawieniu ograniczonego ruchu strona nie wyświetla animacji.

3. Kontakt i mapa po kliknięciu

   Strona kontaktu pokazuje godziny pracy, adres z opisem położenia i odnośnikiem do wyznaczenia trasy oraz kartę z dużymi przyciskami telefonu i e-maila. Karta prosi, żeby w wiadomości podać markę, model i rocznik auta oraz krótko opisać usterkę. Podgląd okolicy to obraz przygotowany z OpenStreetMap, a interaktywna mapa Google wczytuje się dopiero po kliknięciu.

   Serwis nie używa ciasteczek analitycznych ani reklamowych, a kroje pisma i zdjęcia idą z serwera strony, więc nie potrzebuje banera zgód. Polityka prywatności opisuje kontakt telefoniczny i e-mailowy. Nagłówek, stopka, treść strony kontaktu i dane dla Google biorą godziny, adres i telefon z jednego pliku.

   Dane dla Google opisują warsztat z adresem, współrzędnymi, godzinami, obszarem obsługi i sześcioma usługami, a każda podstrona ma własny tytuł i opis. Link wysłany w komunikatorze pokazuje obraz podglądu z logo warsztatu, a strona błędu po polsku podpowiada powrót na stronę główną albo telefon do warsztatu. Serwis jest zbudowany w Next.js i działa na serwerach Vercel.

Następny projekt

WYRowisko 2026

Organizator nie przepisuje zgłoszeń ręcznie, bo lista załóg odświeża się sama ze strony zapisów klubu.