Przejdź do treści

©2026 · Personal brand · Lokalne SEO

Szarecki

Strona dla mobilnego masażysty z lokalnym SEO na 24 dzielnice Bydgoszczy.

Branża

Wellness · Masaż mobilny

Strona Szarecki, masaż mobilny w Bydgoszczy, sekcja hero z prezentacją usługi
Klient
Szarecki, Masaż Mobilny
Osoba
Sebastian Zarecki
Lokalizacja
Bydgoszcz
Rok
2026
Zakres
Identyfikacja marki · Strona ofertowa · Lokalne SEO · Wdrożenie

Problem i podejście

Jak wyróżnić jednego masażystę wśród 300 konkurentów w jednym mieście? Buduje się mu nie tylko stronę, ale całą markę.

  • Identyfikacja marki
  • Strona ofertowa
  • Lokalne SEO
  • Wdrożenie
Zobacz na żywo

Problem

Sebastian Zarecki prowadzi mobilny serwis masażu w Bydgoszczy. Funkcjonował głównie przez Booksy, w mieście, gdzie ponad 300 konkurentów oferuje praktycznie to samo, w identycznym formacie. Brakowało mu wyróżnienia, własnej marki i miejsca w internecie.

Podejście

Zbudowałem markę, która wyróżnia się stylem i tonem od wszystkich innych masażystów w mieście. Zamiast jednej strony walczącej z 300 konkurentami o frazę „masaż Bydgoszcz”, zrobiłem 24 osobne strony dzielnicowe. Każda pisana pod konkretne miejsce: Fordon, Bartodzieje, Wyżyny i tak dalej.

Sebastian odpuszcza walkę o najbardziej obleganą frazę i zajmuje te, w których konkurencja jest minimalna, a klient szuka dokładnie tego, co Sebastian robi. Do tego edytorialny styl typografii, który wygląda jak okładka magazynu, a nie strona z 2009.

Klient w Google nie widzi „kolejnego masażysty”, tylko kogoś, kto wygląda jak osoba prowadząca markę.

Widok mobilnyiOS · Android
Strona masażysty mobilnego na telefonie, responsywny układ Szarecki Bydgoszcz
Mobilna nawigacja strony Szarecki, rozwinięte menu na telefonie
Zakres prac/ N° 01 · CO DOSTARCZYŁEM

Co dostarczyłem.

Pełen produkt, nie szablon — od identyfikacji marki po wdrożenie i lokalne SEO. Około 50 statycznych podstron rozpisanych na trzy warstwy.

  1. 01Identyfikacja marki i editorial system wizualny
  2. 02Strona ofertowa — ok. 50 podstron w 3 warstwach
  3. 03Lokalne SEO — 24 podstrony dzielnicowe Bydgoszczy
  4. 04Blog ekspercki — 10 artykułów pod long-tail
  5. 05Trzy ścieżki konwersji — Booksy, telefon, formularz
  6. 06Legal pages w editorial spójności (sticky TOC, § 01–07)
Polityka cookies Szarecki, editorial typografia i sticky TOC zachowane na legal pages

Legal pages — editorial spójność, sticky TOC, numeracja § 01–07

Proces/ N° 02 · JAK TO ZROBIŁEM

Jak to zrobiłem.

Cała strona to statyczne pliki HTML, bez bazy danych, bez CMS-a, bez wtyczek. Treści w plikach TypeScript, każda zmiana to commit i automatyczny redeploy.

Identyfikacja: czerń-biel-szary z jednym akcentem. Oversized italic typografia, numeracja sekcji jak w magazynie (N° 01 - N° 07). Subtelne animacje GSAP i smooth scroll Lenis, bez „wow-efektów”, które rozpraszają.

Optymalizacja pod Google i wyszukiwarki AI (LLMs.txt, JSON-LD, semantyczny HTML). Testy jednostkowe kluczowych komponentów w Vitest. W pełni responsywna mobile-first, działa od 360 px.

Wynik Lighthousemasazszarecki.pl · mobile
  • 100
    Performance
  • 100
    Accessibility
  • 100
    Best Practices
  • 100
    SEO
Decyzje projektowe/ N° 03 · DLACZEGO TAK

Dlaczego tak.

Next.js zamiast WordPressa, brak miesięcznych opłat za hosting, zero podatności na ataki przez wtyczki, ładowanie poniżej sekundy. Kod należy do klienta.

24 podstrony dzielnicowe, w hasłach typu „masaż mobilny Bydgoszcz” konkuruje ponad 300 masażystów. W „masaż Fordon” czy „masaż na ból pleców Bartodzieje”, kilkunastu. Długie ogony nikt poważnie nie obrabia, więc Szarecki może je zająć w 2–3 miesiące.

Editorial typografia zamiast generycznego wellness-stocku, daje wizualnie wrażenie „premium”, którego nie ma żadna inna strona masażysty w mieście. To różnicowanie przez design: najtańszy sposób, by wyglądać inaczej w Google Maps i social previewach.

Podstrona dzielnicowa Szarecki, masaż mobilny Fordon Bydgoszcz, strategia lokalnego SEO

Podstrona dzielnicowa — masaż mobilny, Fordon

Język wizualny/ Design system

Design system.

Czerń, biel i jeden zielony akcent. Editorial serif italic i magazynowa numeracja sekcji — żeby strona masażysty wyglądała jak okładka, nie jak szablon z 2009.

Wordmark

Szarecki

  • 01Podejście
  • 02Oferta
  • 03O mnie
  • 04Cennik
  • 05Opinie
  • 06Dziennik
Paleta
  • Tło#fbf9f7
  • Tekst#1b1c1b
  • Akcent#516050
  • Tło subtelne#f5f3f1
Typografia
Display
Masaż
H1
Umówmy wizytę
H2
Najczęściej pytacie
H3
Masaż klasyczny

Tech stack

  • Next.js 16
  • TypeScript
  • Tailwind CSS
  • GSAP
  • Lenis
  • Vercel
  • Resend
  • Booksy
  • Vitest

Credits

Projekt i kod
SoraWeb Studio · Aleksander Pietrzak
Stack
Next.js · TypeScript · Tailwind · GSAP · Lenis
Hosting
Vercel

Podobny projekt?

Porozmawiajmy o Twojej stronie.

Każda strona zaczyna się od krótkiej rozmowy o celach. Bez briefu, bez zobowiązań. Najpierw sprawdzam, czy się dogadujemy.