Realizacje01

Psi Azymutkierunek zamiast tresury.

Rok
2026
Rola
Projekt, kod, SEO, wdrożenie
Kategoria
Strona wizytówka / Marka lokalna
Na żywo
psi-azymut.pl
psi-azymut.pl
Zrzut ekranu strony Psi Azymut

Wyzwanie

Liliana szkoli psy w Luboszu pod Kwilczem i dojeżdża do opiekunów w promieniu kilkudziesięciu kilometrów. Klient nie szuka jej po nazwie, tylko wpisuje w telefon „szkolenie psów Międzychód” i wybiera pierwszą osobę, która wygląda na kogoś, komu można zaufać. Bez strony ta rozmowa nigdy się nie zaczynała. Do tego dochodził warunek brzegowy: strona ma stać na zwykłym hostingu współdzielonym i działać latami bez mojej obecności.

Proces

  1. /01

    Rozmowa i zakres

    Ustaliliśmy, czego klient szuka naprawdę: ceny, obszar dojazdu i dowód, że po drugiej stronie jest konkretna osoba. Reszta wypadła z zakresu.

  2. /02

    Treść przed projektem

    Najpierw powstały teksty: opis usług, cennik, FAQ i sekcja o Lilianie i jej owczarku. Układ dobierałem do gotowej treści, nie odwrotnie.

  3. /03

    Kod bez frameworka

    Czysty HTML, CSS i vanilla JS. Żadnego build stepu, żadnego node_modules. Wgranie przez FTP i strona działa.

  4. /04

    Mapa obszaru bez CDN-u

    Leaflet wgrany lokalnie zamiast ładowania z cudzego serwera. Mapa działa, gdy CDN padnie, i nie wysyła danych odwiedzających na zewnątrz.

  5. /05

    SEO lokalne i dane strukturalne

    Czternaście typów schema.org: usługi z cenami, FAQ, obszar geograficzny, dane kontaktowe. Google dostaje ofertę w formie, którą rozumie.

  6. /06

    Formularz i wdrożenie

    Formularz w PHP z kopią zgłoszeń, obrazy w WebP w czterech rozmiarach, konfiguracja domeny, SPF i SSL na Hostido.

Rozwiązanie

Statyczna strona, którą da się wgrać FTP-em i o której można zapomnieć. Zero frameworków, zero zależności z cudzych serwerów, obrazy generowane skryptem do WebP w czterech szerokościach. Formularz kontaktowy stoi na PHP, więc nie wymaga subskrypcji żadnej usługi. Całą ofertę i obszar dojazdu opisałem danymi strukturalnymi, żeby lokalne wyniki wyszukiwania pokazywały ceny i miejscowości zamiast samego tytułu.

  • HTML
  • CSS
  • Vanilla JS
  • PHP
  • Leaflet
  • Schema.org
  • SEO lokalne

Efekty

0

frameworków i build stepów

14

typów danych strukturalnych dla Google

10

miejscowości w zasięgu wizytówki

Zobacz na żywo→

Następny projekt (02)

Bolek Manufaktura Wędlin