← Portfolio

Case study: Vertal.pl

Vertal to lokalna firma z Białej Podlaskiej (osłony okienne). Potrzebowała nowej strony firmowej: czytelnej oferty, szybkiego działania na telefonie i podstaw pod Google – bez starego, zainfekowanego CMS-a.

Problem – stan poprzedni

Poprzednia strona stała na Joomli. Z czasem pojawiły się typowe problemy tego typu instalacji:

  • zainfekowane pliki i ryzyko bezpieczeństwa,
  • ciężka, trudna w utrzymaniu struktura,
  • słaba czytelność oferty na telefonie,
  • brak uporządkowanych podstaw SEO (tytuły, nagłówki, lokalne frazy).

Klient nie potrzebował rozbudowanego panelu do codziennej edycji treści. Potrzebował stabilnej, lekkiej strony firmowej, którą da się utrzymać bez ciągłych aktualizacji wtyczek i walki z malware.

Decyzje projektowe

Zamiast „łatania” starej Joomli poszliśmy w nową stronę od zera. Główne założenia:

  • Lekki kod HTML/CSS/JS – bez WordPressa i bez zbędnego CMS-a,
  • układ pod mobile-first: numer, oferta i kontakt dostępne od razu,
  • czytelna struktura oferty (co sprzedaje firma, dla kogo, jak się skontaktować),
  • podstawy SEO wpięte od razu, nie jako osobna faza „na później”,
  • wdrożenie na czystym hostingu, bez przenoszenia starego, zainfekowanego środowiska.

To świadomy wybór pod lokalną firmę usługową: strona ma sprzedawać kontakt i budzić zaufanie, a nie być kombajnem do blogowania.

UX i układ

Na pierwszym planie: jasna oferta i łatwy kontakt. Unikałem typowego błędu „ładna strona, na której nie widać telefonu”. Na mobile przyciski i numer są w zasięgu kciuka. Sekcje prowadzą logicznie: kim jesteśmy → co oferujemy → dlaczego my → kontakt.

Kolorystyka i typografia dopasowane do branży (osłony, wnętrza) – nowocześnie, ale bez efektów, które spowalniają stronę albo rozpraszają.

Technologia

Strona powstała w czystym HTML, CSS i JavaScript. Bez frameworka front-endowego, bez bazy pod CMS. Dzięki temu:

  • mało requestów i mała waga,
  • przewidywalne zachowanie na słabszych łączach i starszych telefonach,
  • łatwiejsze utrzymanie bezpieczeństwa (brak panelu admina i wtyczek do aktualizacji).

Obrazy w WebP z fallbackiem, lazy loading, poprawne wymiary width/height – żeby nie psuć CLS. Fonty self-hosted. To te same zasady, które stosuję przy tworzeniu stron WWW w Białej Podlaskiej.

SEO – co zostało zrobione

Od oddania strony klient dostał:

  • sensowne title i meta description,
  • logiczną hierarchię nagłówków,
  • strukturę pod frazy lokalne (usługa + miasto / region),
  • kanoniczne adresy, podstawy techniczne pod indeksację.

SEO to nie gwarancja pierwszego miejsca w tydzień. To solidna baza + czas + wizytówka Google + ewentualne treści. Bazę zrobiliśmy od razu.

Performance

Test PageSpeed Insights (mobile), 23 sierpnia 2026:

  • wydajność 97,
  • ułatwienia dostępu 96,
  • sprawdzone metody 100,
  • SEO 100.
PageSpeed Insights mobile dla vertal.pl: wynik wydajności 97
Raport mobile dla https://vertal.pl/

Wyniki laboratoryjne mogą się lekko różnić przy kolejnych pomiarach. Ważne, że strona jest lekka i nie ciągnie za sobą starego CMS-a. Więcej o narzędziach: jak sprawdzić szybkość strony.

Podgląd

Podgląd strony vertal.pl
Vertal.pl w przeglądarce.

Rezultat

  • PageSpeed Insights (mobile): 97 wydajność, 96 dostępność, 100 best practices, 100 SEO
  • Lekki kod HTML/CSS/JS — bez WordPressa i bez panelu CMS
  • Pełna responsywność (mobile-first)
  • Obrazy WebP + lazy loading, poprawne wymiary (bez skoków layoutu)
  • HTTPS / SSL na produkcji
  • SEO techniczne od wdrożenia: title, description, nagłówki, kanoniczne URL
  • Czytelna oferta i kontakt dostępny od razu na telefonie
  • Czyste wdrożenie — bez przenoszenia starego, zainfekowanego środowiska

Efekt i opinia klienta

Klient ma aktualną stronę firmową: bez Joomli, bez zainfekowanych plików, z czytelną ofertą i realnym wsparciem widoczności w Google. Dalsza widoczność to już praca w czasie – nie jednorazowy „magiczny” wynik.

„Otrzymałem nowoczesną, szybką stronę działającą na wszystkich urządzeniach. Jestem zadowolony z pracy Kamila. Krok na przód w mojej firmie.”

— Krzysztof, Vertal

Czego nauczył mnie ten projekt

  • Dla wielu lokalnych firm lekki kod jest lepszym domyślnym wyborem niż kolejny WordPress „bo tak się robi”.
  • Bezpieczeństwo i prostota utrzymania często ważą więcej niż panel do edycji, którego i tak nikt nie używa co tydzień.
  • PageSpeed i czytelny kontakt na mobile to konkretne argumenty, które klient widzi od razu.

Chcesz podobną stronę?

Piszę kod od zera, wdrażam na serwerze i dbam o podstawy SEO. Najchętniej lokalnie w Białej Podlaskiej; zlecenia z innych miast też biorę, gdy zakres jest jasny.

Orientacyjne koszty: ile kosztuje strona internetowa w Białej Podlaskiej. Oferta lokalna: tworzenie stron WWW w Białej Podlaskiej.