Klient musi znać nazwę usługi
Jeśli nie wie, czym różni się PPF, ceramika i korekta, zostaje sam z wyborem albo odkłada decyzję.
Strony internetowe dla detailingu
Projekt · teksty · wdrożenie
Strony internetowe
dla studiów detailingu.
Nie kolejna wizytówka z listą usług. Projektuję strony, które pokazują realizacje, porządkują ofertę i zbierają od klienta konkretne dane potrzebne do wyceny auta.
Co często widzi klient
Oferta jest. Galeria jest.
Oferta jest. Galeria jest.
Kontakt jest.
Na wielu stronach detailingowych powtarza się ten sam schemat: lista usług, galeria i numer telefonu. Problem zaczyna się wtedy, gdy klient ma wybrać usługę albo wysłać sensowne zapytanie.
Realizacje są tylko galerią
Samo zdjęcie gotowego auta nie pokazuje, z czym samochód przyjechał ani jaki był zakres prac. Before/after i krótki opis realizacji dają ten kontekst.
Kontakt daje za mało informacji
Zamiast pustego pola „wiadomość” można od razu zebrać markę, model, zdjęcia auta, oczekiwany zakres i preferowany termin.
Demo NOIR
Zobacz, jak może wyglądać
Zobacz, jak może wyglądać
studio detailingu online.
NOIR to działające demo strony studia detailingu: filmowe hero, wybór potrzeby auta, cztery usługi, pakiety, before/after, realizacje, formularz wyceny, proces, mapa i FAQ.
Otwórz pełne demo NOIR ↗NOIR Detailing — live demoOtwórz ↗
PPF / ceramika / korekta
before / after
realizacje
pakiety i ceny
wycena auta po zdjęciach
studio / mapa / FAQ
Projekt strony NOIR
Dlaczego NOIR jest zbudowany
Dlaczego NOIR jest zbudowany
właśnie w ten sposób.
NOIR nie powstał dla realnego studia. Zbudowałem go jako pełne demo, żeby pokazać konkretne decyzje projektowe na działającej stronie — od pierwszego ekranu po formularz wyceny i wersję mobilną.
Projekt demonstracyjny · nie realizacja komercyjna klienta04główne obszary usług
05kroków ścieżki klienta
01interaktywny before / after
01formularz z uploadem zdjęć
Punkt wyjścia
Najpierw potrzeba auta.
Najpierw potrzeba auta.
Dopiero potem nazwa usługi.
Po hero NOIR nie otwiera się cennikiem ani listą PPF / ceramika / korekta. Pierwsza sekcja daje sześć prostych wejść: nowe auto, rysy, ochrona lakieru, połysk, wnętrze albo „nie wiem, co wybrać”.
Sześć potrzeb zamiast listy usług.
Użytkownik może zacząć od „mam nowe auto”, „rysy i hologramy”, „chcę ochrony lakieru”, „chcę mocnego połysku”, „wnętrze potrzebuje resetu” albo „nie wiem, co wybrać”.
To samo auto przed i po.
Osobny suwak before/after pokazuje jedno Audi przed pracą i po przygotowaniu lakieru oraz zabezpieczeniu. Galeria realizacji jest osobnym elementem, a nie zamiennikiem tego porównania.
Formularz pyta o auto, nie o „wiadomość”.
W NOIR użytkownik podaje markę, model, rocznik, potrzebę lub usługę, preferowany termin i może dołączyć zdjęcia auta.
Architektura informacji
Każdy ekran ma prowadzić
Każdy ekran ma prowadzić
do następnej decyzji.
NOIR prowadzi użytkownika przez pięć kroków: potrzeba → usługa → dowód → wycena → kontakt. Każdy kolejny blok odpowiada na pytanie, które naturalnie pojawia się po poprzednim.
Nowe auto, rysy, ochrona lakieru, połysk, wnętrze albo „nie wiem”.
Cztery kafle: powłoki ceramiczne, PPF, korekta lakieru i detailing wnętrza.
Interaktywny before/after pokazuje zmianę na tym samym aucie, a niżej działa osobna galeria realizacji.
Marka, model, rocznik, potrzeba lub usługa, termin i zdjęcia auta.
Sekcja studia domyka adres, godziny, telefon, WhatsApp i mapę dojazdu.
Kierunek wizualny
Ciemne tło. Zieleń z RS3.
Ciemne tło. Zieleń z RS3.
Duże zdjęcia zamiast dekoracji.
Pierwszy ekran NOIR jest zbudowany wokół zielonego Audi RS3. To auto ustawiło kierunek całej strony: prawie czarne tło, mocny zielony akcent i duże kadry samochodów zamiast ozdobnych grafik.
Kolory zaczęły się od auta z hero
Zieleń z Audi RS3 wraca w przyciskach, aktywnych stanach i drobnych oznaczeniach. Czerń i grafit zostają w tle, żeby samochód oraz zdjęcia realizacji były najmocniejszym elementem strony.
NOIR BLACK
#070909
#070909
GRAPHITE
#141917
#141917
ACID GREEN
#A7FF33
#A7FF33
OFF WHITE
#F3F7F4
#F3F7F4
Inter jako baza. Georgia tylko jako akcent.
Inter jest bazą całego interfejsu: menu, usług, cen i formularza. Georgia pojawia się tylko w krótkich akcentach — między innymi w haśle „w każdym odbiciu”.
PERFEKCJAw każdym odbiciu.
Jedno auto w hero. Więcej aut dalej.
Hero opiera się na zielonym Audi RS3. Gdyby ten sam samochód wracał przez całą stronę, NOIR wyglądałby jak prezentacja jednego auta. Dlatego dalej pojawiają się inne samochody oraz osobne kadry PPF, korekty lakieru i pracy we wnętrzu.
Mobile first
Na telefonie dalej ma być
Na telefonie dalej ma być
NOIR.
Na telefonie zachowaliśmy filmowe hero i ciemną oprawę NOIR, ale zmieniliśmy układ sekcji. Kafle usług przewijają się poziomo, formularz przechodzi w jedną kolumnę, a dodatkowe CTA pojawia się dopiero po zniknięciu głównego przycisku z hero.
01Hero kadrowane pod pionowy ekran, nie „zmniejszony desktop”.
02Kafle usług działają jako naturalny swipe zamiast czterech miniatur.
03Wycena przechodzi w jedną kolumnę i prowadzi krok po kroku.
04Sticky CTA pojawia się dopiero wtedy, gdy główne CTA znika z ekranu.
Zakres projektu NOIR
Co faktycznie
Co faktycznie
działa w demo.
Ta część pokazuje wyłącznie elementy, które są naprawdę zbudowane w NOIR. Rezerwacje, kalkulatory i inne dodatki są osobno w ofercie WB Studio — nie przypisuję ich do demo.
6 wejść od potrzeby auta
Nowe auto, rysy, ochrona lakieru, połysk, wnętrze albo pomoc w wyborze.
4 główne usługi
Powłoki ceramiczne, PPF, korekta lakieru i detailing wnętrza w osobnych kaflach.
3 pakiety z cenami „od”
Ceramic Start, PPF Front i NOIR Signature z zakresem prac oraz informacją, od czego zależy finalna wycena.
Before/after + realizacje
Interaktywny suwak na tym samym aucie oraz osobna galeria kilku różnych realizacji.
Formularz wyceny auta
Dane auta, wybór potrzeby lub usługi, preferowany termin i możliwość dodania zdjęć.
4 kroki realizacji
Wycena, inspekcja, realizacja i odbiór pokazane jako osobny proces.
Studio + mapa + kontakt
Adres demonstracyjny, godziny, telefon, WhatsApp, formularz i osadzona mapa dojazdu.
FAQ usługowe
PPF vs ceramika, przygotowanie nowego auta, czas realizacji, zdjęcia przed wizytą i pierwsze mycie.
Efekt projektu
Działające demo od hero
Działające demo od hero
do formularza wyceny.
Finalny NOIR ma filmowe hero, sześć wejść od potrzeby auta, cztery usługi, trzy pakiety, porównanie przed/po, galerię realizacji, formularz z uploadem zdjęć, czterostopniowy proces, sekcję studia z mapą oraz FAQ. W realnym projekcie te same miejsca wypełnia oferta, zdjęcia, opinie i dane konkretnego studia.
Otwórz projekt NOIR ↗
Jak pracuję
Od briefu do gotowej strony.
Od briefu do gotowej strony.
Bez pięciu podwykonawców.
Od pierwszego układu po publikację pracujesz bezpośrednio ze mną. Projekt, treści, mobile i wdrożenie są jednym procesem.
Analiza
Oferta, obecna strona, konkurencja, zdjęcia, usługi i to, skąd dziś przychodzą klienci.
Projekt + teksty
Najpierw układam kolejność informacji i teksty. Dopiero na tym buduję kierunek wizualny konkretnej firmy.
Budowa + mobile
Buduję działającą stronę i osobno sprawdzam telefon: menu, kolejność sekcji, formularze, CTA i kadrowanie materiałów.
Publikacja
Podpinam domenę, formularze i mapę, konfiguruję analitykę oraz podstawy SEO i robię test przed publikacją.
Prosta wycena
Wiesz, za co płacisz.
One page, pełna strona albo funkcje dodatkowe — poniżej widać, co obejmuje każdy wariant i od jakiej ceny startuje.
One page
1900 zł
- do 6 sekcji
- indywidualny projekt
- wersja mobilna
- przygotowanie tekstów
- formularz i mapa
- podpięcie domeny
- 2 rundy poprawek
Strona firmowa
2900 zł
- do 5–6 podstron
- indywidualny projekt
- pełna wersja mobilna
- teksty na podstrony
- formularz i mapa
- podstawy SEO i analityka
- 2 rundy poprawek
Rozwiązanie indywidualne
Wycena po zakresie
- rozbudowana wycena auta
- upload zdjęć / integracje
- rezerwacje i kalendarz
- kalkulatory
- niestandardowe automatyzacje
Podane ceny są cenami końcowymi. Nie doliczam podatku VAT. Płatność: 50% na start / 50% po akceptacji.
WB Studio · Wojciech Banik
Projektuję strony z perspektywy
Projektuję strony z perspektywy
sprzedaży online.
Od ponad 10 lat sam odpowiadam za marketing, sprzedaż, strony, treści i analitykę własnej marki. Dlatego przy projekcie patrzę nie tylko na wygląd, ale też na to, skąd użytkownik przychodzi, co ma zrozumieć i gdzie ma przejść dalej.
10+lat doświadczenia
150k+zbudowana społeczność
25k+zamówień online
FAQ
Najczęstsze pytania.
Jeśli czegoś tu nie ma, pokaż mi obecną stronę albo profil firmy — odpowiem konkretnie pod Twoją sytuację.
Czy NOIR jest stroną prawdziwego studia?
Nie. NOIR to działające demo WB Studio. Adres studia, ceny usług, opinie i dane kontaktowe są przykładowe i nie opisują realnej firmy.
Czy muszę mieć profesjonalne zdjęcia?
Nie zawsze. Najpierw sprawdzam zdjęcia i materiały, które już masz — także te robione telefonem i publikowane w social mediach. Jeśli wystarczą do projektu, wykorzystujemy je. Jeśli nie, wskazuję konkretnie, czego warto dograć.
Czy możesz przenieść treści z obecnej strony?
Tak. Najpierw sprawdzam, co warto zachować, co wymaga skrócenia i gdzie brakuje informacji. Potem układam treści pod nową strukturę strony, zamiast przeklejać je 1:1.
Czy formularz może być dopasowany do mojego studia?
Tak. Nie musi kończyć się na „imię / telefon / wiadomość”. Możemy zebrać dokładnie te informacje, które są potrzebne przed pierwszym kontaktem — np. usługę, dane auta, termin, zdjęcia albo inne pola wynikające z Twojego procesu.
Czy strona może mieć rezerwacje?
Tak. Jeśli sposób przyjmowania aut tego wymaga, można dodać kalendarz lub system rezerwacji. Zakres zależy od tego, czy rezerwujesz konsultację, usługę, konkretny termin czy tylko zbierasz zapytania.
Czy pracujesz tylko z firmami lokalnie?
Nie. Pracuję z firmami z całej Polski. Ustalenia, projekt i poprawki możemy przeprowadzić zdalnie, a gotową stronę publikuję na Twojej domenie.
Masz studio detailingu?
Pokaż mi
Pokaż mi
obecną stronę.
Podeślij adres strony, Instagram albo Facebook. Powiem, co warto zostawić, co poprawić i jaki zakres prac widzę.