Hair & Beauty Concept — wizytówka salonu i półka sklepowa w jednym
Salon na krakowskim Podgórzu chciał strony, z której klient zadzwoni i zamówi kosmetyk, zanim jeszcze przyjdzie na wizytę. Powstała wizytówka z cennikiem i rezerwacją przez Booksy — i katalog ponad 250 produktów na profesjonalnych zdjęciach z pełnymi prawami autorskimi od Henkla.
01 — Wyzwanie
Salon, który sprzedaje też kosmetyki
Hair & Beauty Concept to fryzjer, barber i kosmetologia pod jednym adresem. Pięcioosobowy zespół, ocena 5,0 na Booksy i ponad 1200 pięciogwiazdkowych opinii. Rezerwacje wizyt działają przez Booksy — tego nie trzeba było wymyślać od nowa.
Brakowało czegoś innego. Salon pracuje na kosmetykach Schwarzkopf Professional, Authentic Beauty Concept, ghd i Lavish Care i sprzedaje je klientom do domu. Tyle że nikt nie wiedział, co dokładnie stoi na półce, dopóki nie przyszedł na wizytę.
Cel: wizytówka online sklepu. Klient przegląda produkty, czyta, do jakich włosów są, i dzwoni, żeby zamówić albo zarezerwować — bez koszyka i płatności online, bo salon nie chciał prowadzić e-sklepu.
Materiał od klienta
Salon, który widać na zdjęciach
Prawdziwe wnętrze i prawdziwe efekty — na nich stoi cała strona. Żadnego stocku.
02 — Proces
Od pudła zdjęć do półki w sieci
Najwięcej pracy nie było w kodzie, tylko w porządkowaniu katalogu, zanim jakikolwiek kafel trafił na stronę.
-
01
Materiały
Zdjęcia od Henkla z pełnymi prawami
Schwarzkopf Professional i Authentic Beauty Concept należą do Henkla. Salon dostał od producenta oficjalne zdjęcia produktów z pełnymi prawami autorskimi — dzięki temu katalog jest legalny i wygląda jak u producenta, a nie jak zdjęcia telefonem przy półce.
- oficjalne packshoty
- pełne prawa autorskie
- cennik z Booksy
-
02
Obróbka
Setki packshotów w jednym formacie
Oryginały od producenta miały różne rozmiary i marginesy. Każde zdjęcie zostało przycięte z białego tła, sprowadzone do jednego kadru 4:5 i zapisane w lekkim formacie WebP. Produkty bez zdjęcia dostały narysowaną ikonę kategorii zamiast pustego pola.
- jeden kadr
- WebP
- ikony zamiast pustych pól
-
03
Opisy
Trzy poziomy zamiast 250 osobnych tekstów
Opis szamponu z linii Color Freeze to w praktyce dwa fakty: czym jest szampon i co robi linia Color Freeze. Opisy żyją więc na trzech poziomach — rodzaj produktu, linia, konkretny produkt — a nowa pojemność dziedziczy opis linii. Treść spisana z kart producentów.
- rodzaj + linia + produkt
- zero powtórzeń
-
04
Katalog
Półka z filtrem i panelem produktu
Marki i linie jako filtr, który zapisuje się w adresie strony — link do „Schwarzkopf → BlondMe” można komuś wysłać. Kliknięcie w zdjęcie otwiera panel z opisem bez przeładowania, strzałki przechodzą po półce, a przycisk „wstecz” w telefonie zamyka panel zamiast wyrzucać ze strony.
- filtr w adresie
- panel bez przeładowania
- obsługa „wstecz”
-
05
Salon i usługi
Cennik z filtrem stylistów
Kolorowa kropka przy usłudze mówi, kto ją wykonuje. Wybierasz osobę — widzisz tylko jej zakres, widełki zamieniają się w dokładną cenę, a przycisk rezerwacji prowadzi prosto do jej kalendarza na Booksy. Do tego podstrony salonu, zabiegów kosmetologicznych i portfolio metamorfoz.
- filtr wykonawcy
- link do Booksy osoby
- portfolio
-
06
Bezpieczeństwo i SEO
Zero zapytań do obcych serwerów przed zgodą
Przed publikacją osobny przegląd: mapa Google ładuje się dopiero po zgodzie w banerze, biblioteki są na własnym serwerze, a hosting dostał nagłówki bezpieczeństwa (CSP). Tytuły z dzielnicą, osobne opisy dla każdej podstrony, mapa witryny.
- mapa po zgodzie
- CSP
- SEO lokalne
03 — Zobacz, jak to działa
Wybierz markę i kliknij produkt
Przekodowany fragment katalogu: osiem produktów, prawdziwe zdjęcia i opisy. Panel otwiera się bez przeładowania strony, a przycisk „Zapytaj o dostępność” zachowuje się inaczej na telefonie i na komputerze.
Na prawdziwej stronie salonu ten sam panel ma własny adres (np. ?produkt=bcbonacure/colorfreeze/szampon-250), więc link do konkretnego szamponu można wysłać klientce w wiadomości.
Galeria sekcji
Pięć podstron, jeden charakter
Zrzuty z działającej strony hairandbeautyconcept.pl — najedź, żeby przybliżyć.
04 — Szczegóły
Panel produktu pod lupą
- Oficjalne zdjęcie producenta
Packshot od Henkla z pełnymi prawami, przycięty do wspólnego kadru. Na całej półce produkty stoją w tej samej skali.
- Etykiety na zdjęciu
„Włosy farbowane”, „pH 4,5 — kolor nie blaknie” — trzy najważniejsze cechy przypięte do produktu, czytane w sekundę.
- Marka, linia, pojemność
Hierarchia jak na opakowaniu: Schwarzkopf Professional → BC Bonacure Color Freeze → Szampon 250 ml.
- Jak używać
Krótka instrukcja z kart producenta. Klientka wie, co kupuje, zanim zadzwoni.
- Zapytaj o dostępność
Na telefonie od razu dzwoni do salonu. Na komputerze odsłania numer do przepisania — zamiast okienka „wybierz aplikację”, które nic nie daje.
- Strzałki po półce
Przejście do sąsiedniego produktu bez zamykania panelu. Historia przeglądarki się nie zaśmieca — „wstecz” wraca do katalogu.
Cała strona
Od pierwszego ekranu do stopki
Strona główna salonu od pierwszego ekranu z zespołem, przez cennik z filtrem stylistów, marki, portfolio i wnętrze, po opinie i social media. Przewijaj — ramka przesuwa się razem z Tobą.
05 — Usługi i opinie
Cennik, który wie, kto Cię obsłuży
W salonie pracuje kilka osób o różnych specjalizacjach i stawkach. Cennik ogólny musiałby podawać same widełki. Tutaj wybierasz osobę — Lidię, Milenę, Wiktorię, Oliwię albo Gerarda — i widzisz wyłącznie jej usługi z dokładnymi cenami.
Przycisk rezerwacji prowadzi od razu do kalendarza tej osoby na Booksy. Mniej kroków to więcej zarezerwowanych wizyt.
Opinie z Booksy i Google na jednej ścianie
Ponad 1200 pięciogwiazdkowych opinii przeniesionych z Booksy i Google — z oznaczeniem źródła przy każdej. Awatary są generowane (gradient, wzór i pierwsza litera imienia), a nazwiska skrócone do inicjału. Żadnych zdjęć klientów bez ich zgody.
06 — Na telefonie
Katalog, który mieści się w dłoni
Na telefonie półka układa się w dwie kolumny, a panel produktu zajmuje cały ekran — z dużym zdjęciem, opisem i przyciskiem, który od razu wybiera numer salonu.
Pierwszy ekran strony głównej: zespół, nazwa salonu, przycisk rezerwacji i trzy liczby, które budują zaufanie — ocena, liczba opinii i wielkość zespołu.
07 — Słowo od zespołu
Co mówi zespół salonu
Współpraca z Filipem to była czysta przyjemność! Cały proces przebiegł szybko i sprawnie, a strona została stworzona z ogromną dbałością o każdy szczegół. Świetny kontakt, profesjonalne podejście i efekt końcowy, z którego jesteśmy bardzo zadowoleni. Zdecydowanie polecamy współpracę!
08 — Co dostał salon
Półka, którą widać z każdego miejsca
Katalog zamiast e-sklepu
Klienci przeglądają 250+ produktów i dzwonią, żeby zamówić — bez koszyka, płatności i obsługi wysyłek.
Profesjonalne zdjęcia
Oficjalne packshoty od Henkla z pełnymi prawami — katalog wygląda jak u producenta.
Rezerwacja u konkretnej osoby
Cennik filtrowany po stylistach i link prosto do ich kalendarza na Booksy.
Bezpieczeństwo i RODO
Zero zapytań do obcych serwerów przed zgodą, nagłówki CSP, mapa ładowana po akceptacji.
Pytania
Strona dla salonu — najczęstsze pytania
Czy strona salonu może współpracować z Booksy?
Tak. Przyciski rezerwacji prowadzą do Twojego profilu na Booksy, a nawet do kalendarza konkretnej osoby z zespołu. Opinie z Booksy można przenieść na stronę.
Czy mogę pokazać produkty bez prowadzenia sklepu internetowego?
Tak — tak działa katalog Hair & Beauty Concept. Produkty, opisy i zdjęcia są na stronie, a zamówienie odbywa się telefonicznie albo w salonie. Nie ma koszyka, płatności ani regulaminu sklepu.
Skąd wziąć zdjęcia produktów?
Najlepiej od producenta albo dystrybutora — wiele marek profesjonalnych udostępnia salonom oficjalne packshoty. Ważne, żeby mieć do nich prawa. Ja zajmuję się ich obróbką i ujednoliceniem.
Ile kosztuje strona dla salonu fryzjerskiego?
Strony zaczynają się od 1 500 zł netto. Wizytówka z cennikiem i linkiem do Booksy to mniejszy zakres niż serwis z katalogiem 250 produktów — dlatego każdy projekt wyceniam indywidualnie. Zobacz cennik albo poproś o darmową wycenę.
Prowadzisz salon? Pokażmy, co masz na półce.
Usługi, zespół, produkty i rezerwacja w jednym miejscu. Spotkamy się w Krakowie albo online — jak wolisz.