ProClean. Dwa skrzydła, jeden połysk.
Studio detailingu spod Bydgoszczy: korekta lakieru, powłoki ceramiczne i detailing wnętrz. Do tego drugie skrzydło, pranie tapicerki u klienta w domu. Zaprojektowałem stronę, na której oba skrzydła mówią jednym językiem, a ceny są podane wprost, zanim ktokolwiek zadzwoni.
Zdjęcie pochodzi z pierwszego ekranu strony. Matową warstwę z rysami dorobiłem tylko na potrzeby tego case study.
Wyzwanie i rozwiązanie
Klient oddaje auto na kilka dni. Strona musi zapracować na to zaufanie wcześniej.
ProClean to w praktyce dwie firmy pod jednym szyldem. Jedna pracuje w studio nad lakierem, druga jedzie do klienta wyprać kanapę albo fotelik. Inni klienci, inne pytania, ten sam telefon. Strona miała je rozdzielić, nie rozbijając marki na dwie.
- Dwie usługi o innym rytmie: kilkudniowa praca w studio i pranie w domu klienta
- Dwóch różnych klientów: właściciel auta i rodzina z kanapą, materacem czy fotelikiem dziecięcym
- Ceny zależne od wielkości auta, stanu lakieru i tego, czy auto jest nowe, czy używane
- Auto warte „5 czy 800 tysięcy złotych”, jak pisze sam ProClean: klient musi wiedzieć, komu je zostawia
- Wspólny system dla obu skrzydeł: czerń, Space Grotesk i cztery wartości. Osobny akcent: pomarańcz dla lakieru, ciepłe złoto dla tkanin
- Cennik w trzech zakładkach: auta używane, auta nowe, tapicerka. Netto dla trzech rozmiarów auta, z informacją o VAT
- Osobna strona tapicerki: pięć etapów prania ekstrakcyjnego, lista plam i strefa dojazdu gratis
- Konkrety zaufania tam, gdzie się ich szuka: OC, certyfikat, gwarancja na piśmie, adres studia i godziny
Pomysł przewodni
Dwa skrzydła. Jeden system.
Przełącz skrzydło i zobacz, co się zmienia, a co zostaje. Zmienia się akcent, nagłówek i sposób pracy. Zostaje czerń, typografia, wartości i numer telefonu. Dzięki temu klient tapicerki od razu wie, że trafił do tej samej firmy, która poleruje lakier.
Cennik
Cena podana wprost, zanim padnie pytanie „ile to kosztuje?”
W detailingu cena zależy od rozmiaru auta i od tego, ile pracy wymaga lakier. Zamiast „wycena indywidualna” strona pokazuje widełki: sześć pakietów dla aut używanych, cztery dla nowych i osobny cennik wnętrza. Netto, z dopiskiem o VAT, bo część klientów to firmy.
Obok możesz to sprawdzić na prawdziwych cenach ze strony. Wybierz auto i pakiet, a policzę też kwotę brutto.

Ceny orientacyjne z cennika na theproclean.pl. Ostateczną wycenę ProClean podaje po oględzinach auta.
Podstrony
Każda usługa ma swoje miejsce i swoje kroki.
Strona główna zbiera wszystko w jednym przewijaniu. Kto chce wiedzieć więcej, przechodzi do oferty albo do skrzydła tapicerki, gdzie proces i ceny są rozpisane bez skrótów.



Szczegół, który sprzedaje
Jedenaście plam zamiast jednego ogólnika.
„Usuwamy trudne plamy” nic nie mówi. Rodzic z plamą po plastelinie chce zobaczyć słowo „plastelina”. Na stronie tapicerki jest ich jedenaście, od wina po krew. Najedź albo kliknij plamę.



Na telefonie
Nagłówek, telefon i wycena pod kciukiem.
Na telefonie pierwszy ekran to obietnica i dwa przyciski: realizacje i „Zadzwoń”. Zakładki cennika zamieniają się w trzy pełnej szerokości przyciski, a tabele w listy, które czyta się jednym kciukiem.
Co zbudowałem
Sześć elementów, jeden cel: mniej pytań, więcej umówionych terminów.
System dwóch skrzydeł
Wspólne tło, fonty i wartości, osobne akcenty. Strona tapicerki ma własne logo z plakietką i link do siostrzanej marki.
Cennik w zakładkach
Auta używane, auta nowe, tapicerka. Trzy ceny w jednym wierszu, kolejno dla aut małych, średnich i dużych.
Podstrona oferty
Ceramika, wnętrze i korekta lakieru opisane prostym językiem, z zaletami w punktach i procesem w czterech krokach.
Skrzydło tapicerki
Sześć kategorii usług, pięć etapów prania, jedenaście plam, lista klientów od rodzin po hotele i przedszkola.
Strefa dojazdu
Schemat okolicy z pięcioma miejscowościami bez opłaty za dojazd, mapa OpenStreetMap i przycisk „Wyznacz trasę”.
Lekki kod
Strona główna i oferta w czystym HTML, CSS i JavaScript, bez kreatora i wtyczek. Jedyne zewnętrzne zasoby to fonty.
Państwa praca błyszczy. Strona powinna tak samo.
Zaprojektuję stronę, która pokaże Państwa studio takim, jakie jest: z konkretnymi cenami, procesem i adresem, pod który można przyjechać.