Strona internetowaFryzury ślubne i szkoleniaWrocław

Strona dla stylistki fryzur ślubnych, Cameliowe Czesanie

Kamila Gierczyńska czesze panny młode we Wrocławiu i okolicach, a do tego uczy stylistki na szkoleniach z dofinansowaniem. Zrobiliśmy jej stronę, która obsługuje obie grupy: pannę młodą, która szuka terminu, i stylistkę, która szuka szkolenia.

Pakiet
Strona firmowadziś od 2 499 zł
Podstrony
5 + polityka prywatności
Lighthouse (komputer)
4 × 100każda z 5 podstron
Strona camelioweczesanie.com na komputerze: pełnoekranowe zdjęcie Kamili w błękitnym komplecie, nagłówek Stylizacja fryzur z pasją. Szkolenia oparte na doświadczeniu, przyciski Zobacz cennik i Zapytaj o wolny termin
camelioweczesanie.com na komputerze, pierwszy ekran strony głównej.

Karta projektu

Projekt w skrócie

Typ projektu

Strona firmowa usług beauty, 5 podstron

Dwie grupy odbiorców

Panny młode i stylistki fryzur

Strona

camelioweczesanie.com ↗

Zakres: strona firmowa z pięcioma podstronami (główna, fryzury ślubne, szkolenia, dofinansowanie, kontakt) i polityką prywatności, formularz zapytań, galeria prac, dane dla wyszukiwarek i baner zgody na statystyki. Treść oferty i ceny pochodzą od Kamili, zdjęcia z jej sesji wizerunkowej i portfolio. Kod i pliki są jej.

Wyzwanie

Jedna marka, dwie różne klientki

Panna młoda chce zobaczyć fryzury, cenę i to, czy Kamila dojedzie na miejsce przygotowań. Stylistka szuka czegoś innego: programu szkolenia, ceny i odpowiedzi na pytanie, czy da się dostać dofinansowanie.

Do tej pory obie grupy trafiały na profil na Facebooku. Tam jest dobra opinia (100% poleca na podstawie 41 rekomendacji), ale cennik i zasady współpracy siedzą w przypiętych postach sprzed lat, a pakiety ślubne, dojazdy i szkolenia giną między nowszymi wpisami.

Szkolenia mają do tego własny szczegół, którego nie ma u zwykłego fryzjera: Kamila jest dostawcą usług w Bazie Usług Rozwojowych, więc kursantka może dostać do 90% dofinansowania. Trzeba to wytłumaczyć prosto, krok po kroku.

Strona miała być jasna i przejrzysta jak strony, które Kamila podała jako wzór, tylko lepiej zrobiona: szybka na telefonie, z prawdziwymi zdjęciami prac i poprawnymi danymi dla Google.

Rozwiązanie

Atelier w ciepłych barwach

Przygotowaliśmy trzy kierunki wizualne, każdy jako pełną stronę. Wybrany nazwaliśmy „Atelier w cieple”: układ, w którym prowadzi fotografia (zdjęcie na cały pierwszy ekran, kadr z cytatem w środku strony, cennik jak karta), połączony z krojami i kolorami wziętymi z okładki Kamili na Facebooku.

Każda grupa ma swoją drogę. Panna młoda przechodzi od zdjęcia do cennika i pakietów ślubnych, stylistka od karty szkoleń do podstrony o dofinansowaniu. Obie drogi prowadzą do formularza zapytania.

Zakres prac

  • Strona główna z pełnym przeglądem: o Kamili, cennik w studiu, pakiety ślubne z dojazdami, szkolenia, portfolio, opinie, pytania i formularz
  • Podstrony: fryzury ślubne, szkolenia, dofinansowanie (cztery kroki do wniosku) i kontakt
  • Galeria ośmiu prac z portfolio Kamili, każde zdjęcie z własnym kadrem i opisem
  • Opinie jako dosłowne cytaty z wizytówki Google, z podpisem i linkiem do źródła
  • Formularz zapytań, który działa także bez JavaScriptu, i pasek „Zadzwoń / Napisz” na telefonie
  • Dane dla wyszukiwarek, plik llms.txt, mapa strony, strona błędu 404 i karty udostępniania na każdej podstronie
  • Baner zgody: Google Analytics ładuje się dopiero po „Zgadzam się”, przycisk odmowy ma tę samą wagę

Kierunek wizualny

Nagłówki krojem Marcellus, tekst krojem Mulish. Kremowe tło (#FBF6F0), ciemny brąz (#382C22) na tekst i sekcję szkoleń, cielisty akcent (#B08968). Przyciemnienie zdjęcia na pierwszym ekranie idzie w ciepły brąz, nie w czerń. Marcellus ma jedną grubość, więc hierarchię budują wielkość pisma i światło, a nie pogrubienie.

Prawdziwe prace

kok, fale, upięcia: zdjęcia z portfolio Kamili

Architektura strony

Co po kolei widzi panna młoda

Sekcje strony głównej idą w kolejności pytań, które zadaje osoba przed ślubem. Podgląd poniżej to pełna długość strony głównej na komputerze i na telefonie.

Podgląd strony camelioweczesanie.com na komputerze i telefonie, z możliwością przewinięcia całej strony

Przewiń podgląd albo przełącz urządzenie
Na żywo · camelioweczesanie.com Otwórz na żywo
Pełny widok strony głównej camelioweczesanie.com na komputerze: zdjęcie Kamili, liczby, o mnie, cytat, cennik w studiu, pakiety ślubne, szkolenia na brązowym tle, portfolio ośmiu fryzur, opinie, pytania i formularz
Strona główna camelioweczesanie.com na telefonie, pełny widok wszystkich sekcji, od zdjęcia na pierwszym ekranie po formularz kontaktowy
góra strony
Statyczny HTML5 podstronMarcellus + MulishCLS 0

Pierwszy ekran. Zdjęcie Kamili na całą szerokość, miejsce (Wrocław), dwa zdania o tym, czym się zajmuje, i dwa przyciski: „Zobacz cennik” oraz „Zapytaj o wolny termin”. Pod spodem pasek liczb: 7 lat praktyki, 4 lata w roli edukatorki, ponad 150 kursantów, 100% poleceń na Facebooku.

O mnie i cytat. Kamila pisze w pierwszej osobie: kim jest, z kim prowadzi akademie stylistów, gdzie jest studio. Potem pełnoekranowy kadr z jej zdaniem o tym, czym jest dla niej fryzura.

Cennik i pakiety ślubne. Usługi w studiu z ceną i czasem, dwa pakiety ślubne z tym, co obejmują, i dostępnością, a pod nimi cennik dojazdów w czterech progach odległości.

Szkolenia. Ciemna sekcja w brązie marki: cztery rodzaje szkoleń z cenami i karta o dofinansowaniu do 90%, z przejściem do pełnej oferty.

Portfolio i opinie. Osiem fryzur w równej siatce. Niżej wynik z Facebooka i trzy krótkie cytaty z opinii w Google, każdy z podpisem i oceną, plus linki do obu profili.

Pytania i formularz. Osiem pytań, które Kamila dostaje najczęściej (fryzura próbna, dojazd, pakiet Mini, dofinansowanie, przygotowanie włosów), a na końcu formularz z podpowiedzią, co napisać: datę, miejsce i liczbę osób do czesania.

Technologia

Lekki kod, który rozumie Google

Strona jest statycznym HTML-em bez WordPressa i wtyczek. Zamiast gotowego frameworka zbudowaliśmy krótki zestaw narzędzi w Pythonie, który składa podstrony i przygotowuje zdjęcia. W pomiarze Lighthouse z 12.10.2026 każda z pięciu podstron dostała na komputerze 100 w każdej z czterech kategorii, a na telefonie od 98 do 100 za wydajność i 100 w pozostałych.

Własny build

Skrypt w Pythonie wbudowuje style w każdą podstronę, wstawia wspólną nawigację i stopkę, twarde spacje przy cenach i jednoliterowych spójnikach oraz pytania FAQ do danych strukturalnych.

Kroje bez skoku

Marcellus i Mulish mają kroje zastępcze dopasowane wielkością (size-adjust), więc tekst nie przeskakuje, gdy właściwy krój się doczyta. Przesunięcie układu (CLS) wynosi 0 na każdej podstronie.

Kadry pod ekran

Zdjęcia w nagłówkach mają osobno ustawiony kadr na telefon i na monitor, żeby twarz nie wypadała poza ekran. W galerii narzędzie liczy kadr każdego zdjęcia z jego proporcji i daje telefonom mniejszy plik WebP.

Dane dla wyszukiwarek

Salon (HairSalon i LocalBusiness), osoba, usługi, szkolenie, instrukcja dofinansowania i pytania FAQ, zgodne z tym, co widać na stronie. Świadomie bez gwiazdek z opinii: Google nie przyjmuje w danych strony ocen zebranych poza nią, a opinie Kamili są na Facebooku i w Google.

Fraza na szkolenia

Tytuł i podgląd linku podstrony szkoleń celują w frazę „szkolenia ze stylizacji fryzur”. Strona główna łączy fryzury ślubne, szkolenia i Wrocław.

Formularz i prywatność

Formularz wysyła wiadomość przez PHP, a adres odbiorcy trzyma w pliku konfiguracji poza katalogiem publicznym serwera. Statystyki dopiero po zgodzie, z możliwością jej wycofania w stopce.

Następny krok

Czeszesz, malujesz albo uczysz, a oferta żyje tylko na Facebooku?

Robimy strony dla stylistek, wizażystek i salonów beauty, także tych, które prowadzą szkolenia. Więcej o ofercie dla branży: Strona i spacer dla salonu beauty.

Strona w tym zakresie to pakiet Strona firmowa z pięcioma podstronami, dziś od 2 499 zł netto. Pozostałe ceny są w cenniku.

Wróć do wszystkich realizacji
Igor Biały, założyciel Lokal360

Twoja strona może być następna

Zostaw numer, oddzwonimy i porozmawiamy o stronie dla Twoich klientek i kursantek.

Wystarczą imię i numer telefonu.

Dodaj firmę, miasto, email (opcjonalnie)
Preferowana pora kontaktu (opcjonalnie)