OPRAWA: przykładowa strona salonu rzęs, brwi i paznokci
Przykładowy projekt strony salonu rzęs, brwi i paznokci: od nazwy i logo po ostatni test szybkości. Pokazuje, jak budujemy stronę dla lokalnego salonu, od języka, którym mówią klientki, po ukryte opisy dla Google.
Najważniejsze informacje
- Branża
- Beauty: rzęsy, brwi i paznokcie
- Status
- Wersja demonstracyjna z przykładowymi danymi
- Strony w wersji demonstracyjnej
- 9
- Czcionki
- Bodoni Moda, Albert Sans, DM Mono
- Kolory
-
- Wapień #EAE7E2
- Grafit #221E1B
- Wiśnia lakieru #6B1A27
- Ciemna sekcja #2A2420
Idea
Jedna myśl, która prowadzi przez całą stronę
W jubilerstwie oprawa trzyma kamień, ale go nie zasłania. W salonie „oprawa oka” to brwi i rzęsy. Z tej podwójnej metafory wyszła zasada marki: podkreślamy, nie przykrywamy, a własne rzęsy, brwi i paznokcie klientki mają zostać zdrowe.
Założenia
- Odwiedzająca ma od razu wiedzieć, co salon robi, ile to kosztuje i jak się umówić.
- Strona odpowiada na realne obawy z opinii i forów: zniszczone rzęsy, za mocna henna, odpryskująca hybryda, higiena.
- Każda usługa ma własną podstronę pod wyszukiwania typu „przedłużanie rzęs” z nazwą miasta.
Decyzje
Najważniejsze decyzje projektowe
-
Pierwszy ekran bez animacji
Zamiast filmu sterowanego przewijaniem: nagłówek z miastem, trzy zdjęcia usług z cenami „od” i przycisk rezerwacji, który na telefonie widać bez przewijania.
-
Znak rozpoznawczy: migdał
Kształt migdała to jednocześnie oko, migdałowy paznokieć i oprawa kamienia. Powtarza się w logo, oknach zdjęć i etykietach sekcji, więc strona jest rozpoznawalna nawet bez nazwy.
-
Higiena pokazana wprost
Jedyna ciemna sekcja strony opisuje sterylizację krok po kroku: autoklaw, pakiet otwierany przy klientce, jednorazowe pilniki. To odpowiedź na jedną z najczęstszych obaw.
-
Podstrony, które tłumaczą zabieg
Profile skrętu rzęs, mapowanie brwi, przekrój warstw hybrydy: proste ilustracje wyjaśniają zabieg szybciej niż akapit tekstu.
Zakres prac
- Nazwa, logo i wygląd marki
- Teksty pisane językiem klientek
- Projekt na telefon i komputer
- Własny kod strony, bez gotowych szablonów i ciężkich dodatków
- 10 stron: główna, 5 usług, cennik, kontakt, polityka prywatności, strona błędu
- Przygotowanie pod Google
- Testy wygody obsługi, szybkości i działania na telefonach
Z czego zbudowana jest strona
Usługi, które obejmował projekt
Google i szybkość
Co zrobiliśmy dla wyszukiwarek i szybkości
- Własny tytuł i opis do wyników Google na każdej podstronie
- Jeden główny nagłówek na podstronę i uporządkowane śródtytuły
- Opisy salonu, usług i ścieżki nawigacji przygotowane dla Google
- Lista podstron i zdjęć dla Google oraz plik z instrukcjami dla wyszukiwarek
- Jeden właściwy adres każdej podstrony i ładny podgląd przy udostępnianiu linku
- Polityka prywatności i strona błędu celowo ukryte przed Google
- Lekkie zdjęcia z podanymi wymiarami i opisami dla osób niewidomych
Test Google Lighthouse, strona główna (punkty od 0 do 100)
| Kategoria | Telefon | Komputer |
|---|---|---|
| Szybkość | 97 | 100 |
| Dostępność | 100 | 100 |
| Dobre praktyki | 100 | 100 |
Na telefonie główna treść pojawia się po 2,3 s. Przeskakiwanie elementów podczas ładowania: 0,00 (dobry wynik to do 0,1).
Pomiar własny: Lighthouse 13, 24 października 2026, środkowy wynik z trzech pomiarów wersji demonstracyjnej uruchomionej na naszym komputerze. Test przeprowadza program naśladujący telefon i wolniejsze łącze, a nie prawdziwi odwiedzający. Oceny SEO nie podajemy: wersja demonstracyjna jest celowo ukryta przed Google, a test liczy to jako błąd. To, co zrobiliśmy dla Google, jest wypisane obok.
O wersji demonstracyjnej
Projekt przygotowany do portfolio. Nazwa, adres, telefon, ceny i godziny na stronie są przykładowe, a zdjęcia są poglądowe. Formularz rezerwacji w wersji demonstracyjnej niczego nie wysyła.
