Sofi Fryzjer
Elegancka wizytówka one-page dla salonu fryzjerskiego – galeria stylizacji, czytelny cennik, click-to-call i bezpośredni link do Instagrama. Lekka, szybka, w pełni responsywna.
Wizytówka one-page dla salonu fryzjerskiego, w pełni responsywna i zoptymalizowana pod frazy lokalne. Zaprojektowałem strukturę pod cele biznesowe (telefon, Instagram, cennik), wdrożyłem schemat LocalBusiness i osiągnąłem wynik Lighthouse 96/100.
Chcesz podobny efekt dla swojej firmy?
Bezpłatny projekt w 48 godziny. Płacisz dopiero gdy Ci się spodoba.
Branża
Pakiet Biznes
Czas realizacji
3 dni
Technologie
HTML, CSS
Z czym przyszedł do mnie klient?
Klientka prowadziła salon przez Instagram i polecenia – w Google nie pojawiała się dla żadnej z lokalnych fraz typu „fryzjer Katowice". Osoby szukające salonu online trafiały do konkurencji. Potrzebowała lekkiej, szybkiej wizytówki, która od pierwszego wejścia pokaże klimat salonu i zaprowadzi na telefon lub Instagrama – bez zbędnych podstron i formularzy.
Co zbudowałem?
Zaprojektowałem one-page z hero zachęcającym do kontaktu, sekcją usług z cennikiem, galerią stylizacji, sekcją „o mnie” i blokiem kontaktowym z click-to-call oraz linkiem do Instagrama. Strukturę zbudowałem na semantycznym HTML z nagłówkami w kolejności hierarchicznej. Wdrożyłem schemat LocalBusiness z danymi NAP i godzinami otwarcia, zoptymalizowałem obrazy do WebP z lazy loadingiem i osiągnąłem Lighthouse 96/100 na mobile.
Mierzalne wyniki, nie obietnice
Audyt Google Lighthouse na produkcji – cztery filary jakości strony: szybkość, dostępność, dobre praktyki i SEO. Tyle waży strona w oczach Google.
Co znalazło się na stronie
Pełna lista sekcji i funkcji, które zaprojektowałem i wdrożyłem.
- Hero z fotografią salonu i CTA na telefon
- Sekcja usług z cennikiem (strzyżenie, koloryzacja, stylizacja)
- Galeria stylizacji z efektem lightbox
- Sekcja „O mnie” z historią właścicielki
- Click-to-call i kontakt SMS na każdej sekcji
- Bezpośredni link do Instagrama z DM-em
- Adres salonu z osadzoną mapą Google
- Pełna responsywność od 320px wzwyż
Pod maską – co widzi Google i AI
Dane strukturalne, semantyczny HTML i optymalizacje, które robią różnicę w wynikach wyszukiwania i odpowiedziach modeli AI.
- Schemat LocalBusiness (NAP, godziny otwarcia, geo)
- Semantyczny HTML5 z poprawną hierarchią nagłówków
- Open Graph + Twitter Card dla podglądu w mediach społ.
- Unikalne meta title i description pod frazy lokalne
- sitemap.xml i robots.txt wygenerowane automatycznie
- Core Web Vitals w zielonej strefie (LCP, CLS, INP)
- Obrazy WebP z opisowymi atrybutami alt
- Czysta struktura URL bez parametrów
Porozmawiajmy o Twoim projekcie
Odpowiadam w ciągu 24 godzin. Zero zobowiązań.