Kokówka — strona salonu, który rozumie loki

Kameralny salon przy Chmieleńcu specjalizuje się we włosach kręconych i falowanych. Strona miała to powiedzieć od pierwszego ekranu, pokazać realne ceny i efekty bez retuszu — i przenieść na stronę 2120 opinii, które salon zebrał przez lata.

Klient
Kokówka — salon fryzjerski
Lokalizacja
Kraków, Ruczaj
Zakres
Projekt, kod, cennik, opinie, SEO, RODO
Technologia
HTML, CSS, JavaScript
Strona
kokowka.pl
Pierwszy ekran strony Kokówka: nagłówek „Fryzjer, który rozumie Twoje włosy”, sylwetka z logo w okręgu, ocena 4,9 i 2120 opinii

01 — Wyzwanie

Specjalizacja, której nie było widać

Kokówka to mały salon na Ruczaju z wąską, bardzo konkretną specjalizacją: włosy kręcone i falowane — strzyżone pod skręt, bez prostowania, z instruktażem pielęgnacji w domu. Klientki przyjeżdżają z całego Krakowa, bo takich salonów jest niewiele.

Problem w tym, że ktoś szukający „fryzjera od kręconych włosów” musiał to wyczytać z opinii na Booksy. Strona miała od pierwszego zdania mówić, w czym salon jest najlepszy, pokazać prawdziwy cennik z ponad trzydziestu usług i dać się przekonać efektami, zanim ktoś kliknie „Rezerwuj”.

2120opinii klientek z Booksy i Google
4,9średnia ocena
31usług w cenniku z realnymi cenami
4kroki metody „pod skręt”

Materiał od klienta

Loki prosto z fotela

Zdjęcia z salonu, bez retuszu i bez sesji. Na stronie to one przekonują najmocniej.

Salon — kokowka.pl
Salon
Skręt — kokowka.pl
Skręt
Stanowiska — kokowka.pl
Stanowiska
Objętość — kokowka.pl
Objętość
Kolor — kokowka.pl
Kolor

02 — Proces

Jak powstawała strona Kokówki

Od rozmowy z właścicielką do strony, która sama tłumaczy, czym salon różni się od innych.

  1. 01
    Rozmowa

    Co robicie inaczej niż wszyscy?

    Z rozmowy z panią Danutą wyszła metoda salonu w czterech krokach: ocena skrętu i kondycji, strzyżenie pod skręt, stylizacja i utrwalenie, instruktaż dla klientki. To stało się kręgosłupem strony — osobną sekcją „Kręcone i falowane bez prostowania”.

    • metoda w 4 krokach
    • ton komunikacji
  2. 02
    Kierunek wizualny

    Czerń, beton i jedna sylwetka

    Paleta wzięta z logo i wnętrza: czerń, betonowa szarość i ciepła greige. Sylwetka kobiety z kokiem z logo salonu stała się głównym motywem — w pierwszym ekranie jest oknem, przez które przewijanie odsłania kadr. Pod wyróżnionym słowem w każdym nagłówku rysuje się falista linia, jak skręt włosa.

    • paleta z logo
    • sylwetka jako przysłona
    • fala pod akcentem
  3. 03
    Cennik

    31 usług z Booksy, filtrowane w dwóch osiach

    Cennik przepisany z profilu salonu na Booksy. Filtr ma dwie osie — rodzaj usługi i długość włosów — bo cena koloryzacji zależy od długości. Liczniki przy filtrach pokazują, ile zostanie pozycji, a filtr bez wyników jest wyłączony. Po każdej zmianie strona przewija się z powrotem do panelu, żeby nie „gubić” użytkowniczki.

    • dwie osie filtra
    • liczniki
    • kotwiczenie scrolla
  4. 04
    Efekty i opinie

    Zdjęcia bez retuszu, opinie bez skrótów

    Galeria „Efekty prosto z fotela” na kolumnach z przyciskiem „pokaż więcej” i powiększeniem zdjęcia. Opinie z Booksy i Google przepisane bez zmian, z imieniem i datą, na ścianie, która przeplata oba źródła. Awatary generowane, nie zdjęcia klientek.

    • galeria z powiększeniem
    • 2120 opinii
    • generowane awatary
  5. 05
    SEO, RODO, start

    „Włosy kręcone” i „Kraków” w tytule strony

    Tytuł i opis z frazami, których szukają klientki. Dane strukturalne salonu (HairSalon) z oceną, adresem, zespołem i katalogiem usług, mapa witryny, baner cookies i polityka prywatności. Wszystkie przyciski rezerwacji prowadzą do profilu na Booksy.

    • frazy w tytule
    • JSON-LD HairSalon
    • Booksy

03 — Zobacz, jak to działa

Filtruj cennik jak klientka

Przekodowany fragment cennika z prawdziwymi cenami salonu. Wybierz rodzaj usługi, potem długość włosów — zobacz, jak zmieniają się liczniki i które filtry gasną.

Cennik salonu Kokówka z panelem filtrów: kategorie usług z licznikami i wybór długości włosów

Pozycje bez podanej długości — np. strzyżenie grzywki — pasują do każdego filtra długości. Ceny „od” mają w opisie, od czego zależy ostateczna kwota.

Galeria sekcji

Każda sekcja ma swój nastrój

Zrzuty z działającej strony kokowka.pl — najedź, żeby przybliżyć.

Sekcja Efekty na stronie kokowka.pl
01Efekty
Sekcja O salonie na stronie kokowka.pl
02O salonie
Sekcja Zespół na stronie kokowka.pl
03Zespół
Sekcja Salon na stronie kokowka.pl
04Salon
Sekcja Opinie na stronie kokowka.pl
05Opinie
Sekcja Kontakt na stronie kokowka.pl
06Kontakt

04 — Szczegóły

Pierwszy ekran pod lupą

Pierwszy ekran Kokówki z sylwetką z logo i liczbami opinii
  1. Sylwetka z logo jako okno

    Przy przewijaniu sylwetka kobiety z kokiem otwiera się jak przysłona aparatu i odsłania zdjęcie z salonu. Bez JavaScriptu kadr jest po prostu odsłonięty — nic nie znika.

  2. Fala zamiast podkreślenia

    Pod wyróżnionym słowem rysuje się falista linia — jak skręt włosa. Ten sam znak wraca w każdym nagłówku na stronie.

  3. Dowód w pierwszym ekranie

    4,9 średniej, 2120 opinii i 2047 ocen na piątkę. Liczby, które przekonują szybciej niż hasło.

  4. Rezerwacja w Booksy

    Jedno główne wezwanie, prosto do kalendarza salonu. Cennik obok jako drugi, spokojniejszy przycisk.

  5. „Przewiń”

    Delikatna podpowiedź, że w pierwszym ekranie coś się wydarzy — przysłona czeka na pierwszy ruch.

  6. Rezerwacja zawsze pod ręką

    Przycisk w nagłówku zostaje widoczny przy przewijaniu, na każdej sekcji.

Cała strona

Od pierwszego ekranu do stopki

Jedna strona, a w niej cała opowieść salonu: przysłona z sylwetki logo, specjalizacja, zespół, pełny cennik, galeria efektów, 2120 opinii i dojazd. Przewijaj — ramka jedzie razem z Tobą.

Otwórz kokowka.pl
Cała strona główna kokowka.pl od góry do dołu

05 — Specjalizacja i efekty

Metoda salonu w czterech krokach

Sekcja „Kręcone i falowane bez prostowania” tłumaczy, dlaczego lok wymaga innego fryzjera: inaczej się układa, inaczej chłonie wodę i inaczej trzeba go ciąć. Cztery kroki metody, każdy z ikoną i jednym zdaniem.

To odpowiedź na pytanie, które klientki zadają przed pierwszą wizytą — i treść, której szuka Google przy zapytaniach o kręcone włosy.

Sekcja „Kręcone i falowane bez prostowania” z czterema krokami metody salonu

Efekty prosto z fotela

Zdjęcia z salonu — bez retuszu i bez sesji zdjęciowej. Galeria układa się w kolumny, ładuje kolejne zdjęcia przyciskiem „pokaż więcej” i powiększa je po kliknięciu. Dla salonu od loków to najmocniejszy argument: widać skręt, a nie wyprostowane pasma.

Galeria „Efekty prosto z fotela” ze zdjęciami kręconych włosów po wizycie

06 — Słowo od klientki

Co mówi właścicielka salonu

Philip zaskoczył mnie zapałem i fachowością. Młody człowiek, dla którego nie ma rzeczy nie do zrobienia — zawsze pomocny, cierpliwy, bez zbędnego nadęcia! Stworzył dla mojego salonu fryzjerskiego piękną stronę internetową, celując w punkt w estetykę i funkcjonalność. Taki „Swój Człowiek” — serdecznie polecam!
Pani DanutaKokówka — salon fryzjerski, KrakówZweryfikowana opinia
Strona kokowka.pl na telefonie
Strona kokowka.pl na telefonie
Strona kokowka.pl na telefonie

07 — Co dostał salon

Strona, która mówi o lokach zanim zapytasz

01

Wyraźna specjalizacja

Włosy kręcone w pierwszym zdaniu, w tytule strony i w osobnej sekcji z metodą.

02

Realne ceny

31 usług z Booksy, filtrowanych po rodzaju i długości włosów — bez dzwonienia z pytaniem „ile to kosztuje”.

03

Zaufanie od pierwszego ekranu

2120 opinii i średnia 4,9 widoczne od razu, pełna ściana opinii niżej.

04

Rezerwacja jednym kliknięciem

Każdy przycisk prowadzi do Booksy — kalendarz, przypomnienia i płatności robi system, który salon już zna.

Pytania

Strona dla fryzjera — najczęstsze pytania

Czy mogę przenieść opinie z Booksy i Google na stronę?

Tak. Opinie przenoszę razem z imieniem i datą, z oznaczeniem źródła. Nazwiska skracam do inicjału, a zamiast zdjęć klientek są generowane awatary — bez problemu z RODO.

Czy cennik na stronie może być taki sam jak na Booksy?

Tak — cennik Kokówki jest przepisany z Booksy i pogrupowany tak, jak szukają go klientki. Leży w osobnym pliku danych, więc zmiana cen nie wymaga ruszania wyglądu strony. Jeśli chcesz zmieniać ceny samodzielnie, strona może dostać panel do edycji treści.

Ile kosztuje strona dla salonu fryzjerskiego?

Strony zaczynają się od 1 500 zł netto, ale każdy projekt wyceniam indywidualnie — zależy od liczby sekcji, galerii, cennika i tego, czy potrzebujesz panelu do samodzielnej edycji. Zobacz cennik albo poproś o darmową wycenę.

Masz salon z własną specjalizacją? Pokażmy ją.

Opowiedz, w czym jesteście najlepsi — zrobię stronę, która mówi to od pierwszego zdania. Na żywo w Krakowie albo online.

Następna realizacjaPrzy Stole — restauracja z daniami dnia