Holowanie Wilanów
Rozbudowany serwis usługowy w Next.js
Zaprojektowaliśmy i wdrożyliśmy cały serwis: strukturę, teksty, układ każdej sekcji i kod. Dziewięć usług z briefu przełożyliśmy na sześć podstron działających na jednym powtarzalnym szablonie, dzięki czemu każda ma własny adres i własną treść, a utrzymanie sprowadza się do jednego komponentu. Front stoi na Next.js i TypeScripcie, hosting na Vercel, treść klient prowadzi w panelu Optiweb CMS. Pod każdą usługą działa sekcja FAQ i formularz zgodny z RODO.
Wykorzystane technologie
Zakres prac przy serwisie usługowym
Odbiorca tego serwisu nie przegląda strony, tylko jej używa: z telefonu, w pośpiechu, w sytuacji awaryjnej. Projekt musiał więc skrócić drogę do połączenia do jednego kliknięcia, a jednocześnie rozpisać dziewięć usług bez sztywnego cennika na osobne, samodzielne podstrony.
Jak powstał serwis
Dziewięć usług z briefu pogrupowaliśmy w sześć obszarów i każdemu daliśmy osobny adres. Zamiast jednej długiej listy powstało sześć samodzielnych stron, z których każda odpowiada na inne zapytanie i może żyć w wyszukiwarce niezależnie od pozostałych.
Zaprojektowaliśmy jeden schemat obsługujący wszystkie usługi: zakres rozbity na realne przypadki, czynniki wpływające na wycenę, przebieg zlecenia w czterech krokach, opinie, FAQ i formularz. Dzięki temu dołożenie kolejnej usługi to uzupełnienie treści, nie nowy projekt.
Numer telefonu wpięliśmy jako klikalne połączenie w nagłówek, sekcję powitalną, każdą podstronę usługową i stopkę. Obok postawiliśmy informacje przesądzające o decyzji: dostępność, deklarowany czas dojazdu i formy płatności.
Napisaliśmy teksty ofertowe i zestawy pytań pod każdą usługę, oparte na tym, o co klienci pytają przez telefon. FAQ zdejmuje część rozmów z obsługi, a przy okazji daje serwisowi treść, na której może pracować wyszukiwarka.
Na stronie kontaktu i pod każdą usługą wdrożyliśmy formularz z polami na dane i opis sytuacji oraz wymaganą zgodą na przetwarzanie danych. To druga ścieżka kontaktu, dla zgłoszeń, które nie wymagają natychmiastowego wyjazdu.
Serwis zbudowaliśmy w Next.js i uruchomiliśmy na Vercel. Panel Optiweb CMS pozwala klientowi edytować opisy usług, pytania w FAQ, obszar dojazdu i dane kontaktowe, więc bieżące zmiany nie przechodzą już przez nas. Pliki wgrywane z panelu trafiają do magazynu Supabase.
Zamów bezpłatną konsultację
Zadaj nam dowolne pytanie, wystarczy, że klikniesz poniższy przycisk i skontaktujesz się z jednym z naszych specjalistów.