// Realizacja 08 / 08 · projekt koncepcyjny
Tytan Budsklep budowlany (WooCommerce), Polska
27 produktów, filtry i cena bez telefonu do sprzedawcy.
Projekt koncepcyjny — jak zrobiłbym stronę dla firmy z branży: sklep budowlany (WooCommerce). Firma i jej dane są fikcyjne.
- Branża
- sklep budowlany (WooCommerce)
- Miasto
- Polska
- Języki
- PL
- Rodzaj
- projekt koncepcyjny
- Rok
- 2026
01 — Problem
Sklep budowlany żyje z katalogu: klient chce filtrów, ceny i zdjęcia, zanim zadzwoni. To demo pokazuje, jak porządkuję sklep na WordPressie i WooCommerce, kiedy przepisywanie go od zera nie ma sensu.
02 — Decyzje
-
Katalog, który da się przejrzeć
27 produktów w 6 kategoriach, 5 w promocji. Filtry po kategorii i cenie, pigułki kategorii i dwie kolumny na telefonie.
-
Zdjęcia z AI pod Zakupy Google
Każdy produkt ma packshot na jasnym tle i scenę „w użyciu” w galerii. Zdjęcia wygenerowane z AI (Google Flow), marki fikcyjne.
-
Poprawki w jednym mu-pluginie
Ceny na stronie głównej pobierane ze sklepu zamiast wpisanych ręcznie, usunięte puste gwiazdki, fałszywy newsletter i drugi nagłówek H1. Aktualizacja motywu niczego z tego nie nadpisze.
-
Nic z obcych serwerów przy wejściu
Fonty lokalnie, mapa Google dopiero po kliknięciu, bez skryptu emoji. Logo ze 128 do 15 KB, hero z 300 do 89 KB, 184 miniatury w WebP.
-
Koniec skaczącej strony
Pasek „wersja demonstracyjna” przepychał treść w dół. Po przypięciu go na stałe przesunięcie układu (CLS) spadło z 0,166 do 0,001.
03 — Efekt
Ten sam WordPress, ten sam panel, inny sklep: wydajność na telefonie z 83 do 90, na komputerze 99, a układ przestał skakać.
90telefon
99komputer
pomiar:
04 — Karta DNA
Z czego zbudowane jest wykończenie
Kliknij token, żeby zdjąć go z podglądu. Zostaje sam szkielet — ten sam, na którym stoi każda moja strona.
Kolory
Krój nagłówków
Zaokrąglenia
05 — Google widzi
Co ta strona mówi wyszukiwarkom i AI
- Każdy produkt z danymi strukturalnymi Product i ofertą z ceną.
- Mapa strony WordPressa: 27 produktów i 6 kategorii produktów.
- robots.txt zamyka koszyk, panel i logi WooCommerce.
- Uczciwie: strona główna nie ma jeszcze opisu meta ani Open Graph — to następny krok.
06 — Na telefonie
Ta sama strona w 390 pikselach
Zrzut 390 × 844 z żywej strony. Wynik wydajności na telefonie:
90/ 100
