Opis projektu
K&K Inwestycje – Mistrzowska sp. z o.o. sprzedają domy bliźniacze i wolnostojące w segmencie 970k–2,95M PLN brutto. Poprzednia strona obiecywała wizerunek premium, ale opierała się na typowym motywie nieruchomości Houzez 4.1.1 z Elementorem dołożonym na wierzchu.
W cztery dni zastąpiliśmy poprzednią stronę dedykowanym motywem potomnym Astry. Nowy kierunek wizualny opiera się na mocnym kontraście światła i cienia: czarne panele dla galerii i danych technicznych, kremowe sekcje dla standardu wykończenia, Bodoni Moda jako font ekspozycyjny i Polylang dla wersji PL / DE / EN. Po wdrożeniu strona osiągnęła bardzo wysokie wyniki Lighthouse na telefonie i komputerze, z naciskiem na dostępność, dobre praktyki i SEO.
Punkt wyjścia
Klient miał stronę, która nie pasowała do wartości produktu. Audyt stanu początkowego z 04.05.2026 pokazał:
- WordPress 6.9.1 + Houzez 4.1.1 + Elementor Pro 3.35.1 · 30 arkuszy CSS, 23 skrypty i 5 rodzin fontów bez wspólnej hierarchii.
- 4 krytyczne problemy SEO · literówka w tytule „Mistrrzowska”, brak opisu meta na stronie głównej, H1 ukryty w znaku graficznym i brak danych strukturalnych JSON-LD.
- Niespójne pozycjonowanie premium · blade tło, zbyt zwykła typografia i brak elementu, który komunikowałby segment 1,5M+ PLN.
Założenie od klienta: zachować pełną strukturę informacji, czyli typy lokali, mapę, standard wykończenia i kontakt, nie utracić wersji językowych w Polylang oraz podnieść estetykę do poziomu adekwatnego do segmentu cenowego. Bez wielotygodniowego procesu agencyjnego.
Podejście
Trzy decyzje architektoniczne zapadły w pierwszych dwóch dniach.
1. Dedykowany motyw potomny Astry zamiast Elementora
Klient nie potrzebował samodzielnie przebudowywać układu strony. Potrzebował wygodnie edytować treści. Klasyczny kreator stron dokładał ponad 200 KB CSS/JS, uzależniał kod od własnej struktury HTML i zwiększał dług techniczny przy każdej migracji. Motyw potomny Astry z blokami Gutenberga dla sekcji treści dał pełną kontrolę nad szybkością i kodem, a klient nadal może zmieniać teksty i obrazy w panelu WordPressa.
2. Kontrast światła i cienia jako kierunek wizualny
Po trzech propozycjach klient wybrał kierunek z najmocniejszym kontrastem: naprzemienne czarne i kremowe panele, Bodoni Moda jako font nagłówkowy, kolor Rosso #ED5947 jako jedyny akcent oraz JetBrains Mono dla etykiet i numeracji. Typowy układ strony nieruchomości, czyli kafelki ofert, boczne filtry i karuzela CTA, zastąpiliśmy narracją bliższą magazynowi premium.
3. Fonty lokalnie i bezpieczne wdrożenie
Bodoni Moda i JetBrains Mono zostały osadzone lokalnie w motywie potomnym zamiast pobierania ich z Google Fonts CDN. To przyspiesza ładowanie, usuwa zewnętrzne żądania i upraszcza zgodność z RODO. Wdrożenie przeszło przez stałą procedurę: kontrolę plików, backup, wysyłkę na serwer, sprawdzenie składni, odświeżenie wersji plików, czyszczenie cache WordPressa i test HTTP 200 dla wersji PL / DE / EN.
Realizacja
Prace rozbiliśmy na 10 małych etapów, żeby równolegle zamykać projekt, treść, wydajność i SEO.
- Etap 1, dzień 2: preload Bodoni Moda, 8 wizualizacji CGI, nawigacja OHMD, preloader, wskaźnik strony i tokeny wizualne jako bezpieczna warstwa nad istniejącym motywem.
- Etap 2, dzień 4: sekcje inwestycji, typów lokali, mapy, standardu, danych technicznych, kontaktu i stopki wdrożone jako 14 plików w jednym kontrolowanym wydaniu.
- Końcowy audyt: ocena przed publikacją 9,0/10, brak blokujących problemów, poprawki dostępności, kontrastu mikrotypografii i obrazu udostępnianego w social media.
Docelowy zestaw technologii: WordPress 6.9.4, Astra 4.13.1, dedykowany motyw potomny, Polylang PL/DE/EN i hosting cyber_Folks.
Wyniki
Audyt po publikacji 08.05.2026. Lighthouse dla telefonu i komputera:
| Metryka | Telefon | Komputer |
|---|---|---|
| Wydajność | 100 | 100 |
| Dostępność | 100 | 100 |
| Dobre praktyki | 100 | 100 |
| SEO | 100 | 100 |
| Nieudane kontrole | 0 | 0 |
| Zaliczone kontrole | 62 | 62 |
Wyniki laboratoryjne: LCP 1190 ms, TTFB 989 ms, CLS 0,00.
SEO i zgodność
- JSON-LD
@graphz 5 elementami: Organization (K&K Inwestycje), LocalBusiness (Mistrzowska Park, Żydowce/Szczecin, współrzędne geograficzne) oraz 3× RealEstateListing (Hinc 303,6 m² 2,95M, Bliźniak 154,56 m² 1,5M, 4-lokalowy 100,67 m² od 970k brutto). - hreflang ×7 dla wersji językowych, obraz Open Graph, Twitter Card i kanoniczne adresy URL dla każdej wersji.
- 5 nagłówków bezpieczeństwa: HSTS preload-ready, X-Frame-Options, X-Content-Type-Options, Referrer-Policy i Permissions-Policy.
- 9 stron prawnych PL + DE + EN, w tym polityka prywatności, cookies, RODO/GDPR/DSGVO oraz terminologia niemiecka dla rynku DE.
Różnica w obciążeniu strony
| Przed zmianą (Houzez + Elementor) | Po zmianie (motyw potomny) | |
|---|---|---|
| Arkusze CSS | 30 | tylko motyw potomny + rdzeń Astry |
| Skrypty | 23 | minimum potrzebne dla Polylang i motywu |
| Fonty | 5 rodzin z Google Fonts CDN | 2 rodziny osadzone lokalnie (Bodoni Moda + JetBrains Mono) |
| Szacowana waga strony | 3-5 MB | wyraźnie poniżej budżetu wydajności |
| LCP | brak pomiaru, Lighthouse się zatrzymywał | 1190 ms w teście laboratoryjnym |
Oś czasu
- 04.05.2026 (poniedziałek) · audyt stanu początkowego i 3 propozycje kierunku wizualnego.
- 06.05.2026 (środa) · klient zatwierdził wybrany kierunek jako cel wdrożenia.
- 08.05.2026 02:00-03:05 · drugie wydanie projektu, 14 plików.
- 08.05.2026 03:36-03:42 · trzy rundy szybkich poprawek: dostępność, kontrast i obraz Open Graph.
- 08.05.2026 · publikacja i końcowy audyt Lighthouse.
Opinia klienta
Opinia klienta zostanie dodana po pierwszych 30 dniach, gdy zbierzemy liczbę wysłanych formularzy i dane z Google Search Console.