Case study Strona internetowa Redesign stronyWordPressPrzeglądarka mieszkań 3D
Nowa odsłona strony dewelopera: szybka i bez zgubionych zapytań
Nowy projekt graficzny na całym serwisie, od strony głównej po 15 stron miejscowości. Ten sam WordPress i te same adresy, a do tego przeglądarka mieszkań 3D, nowy formularz i analityka bez podwójnych odsłon.
- 100
- punktów w każdej kategorii Lighthouse na telefonie
- 15×
- lżejsze grafiki we wpisach na blogu
- 100%
- adresów bez zmian po przejściu na nowy wygląd
- 226
- adresów sprawdzonych przed startem
01 / 06
Wyzwanie
Habitat House sprzedaje mieszkania i domy w zabudowie szeregowej w Zbąszynku. Strona działała na WordPressie z motywem Bridge, Revolution Sliderem i WPBakery. Do wdrożenia był nowy projekt graficzny w Figmie: strona główna i wszystkie podstrony, na komputer i telefon.
Przegląd starej strony pokazał, że sam nowy wygląd nie wystarczy:
- 01 Mail z formularza kontaktowego nie zawierał imienia ani treści wiadomości
- 02 Google Tag Manager ładował się dwa razy, z dwóch różnych wtyczek
- 03 Revolution Slider i WPBakery były w nieaktualnych wersjach
- 04 Grafiki we wpisach na blogu ważyły ok. 420 KB
- 05 Wydajność bloga na telefonie: 76 punktów w Lighthouse
- 06 7 wpisów miało adres kanoniczny wskazujący stary adres
02 / 06
Cel projektu
Nowy wygląd miał wejść na cały serwis bez ryzyka dla ruchu z Google i bez przerwy w sprzedaży mieszkań.
- 01 Wdrożyć projekt z Figmy na wszystkich podstronach, od 320 do 1920 px
- 02 Zachować WordPressa, treści i adresy, które zbierają ruch
- 03 Pokazać mieszkania w 3D bez spowalniania strony
- 04 Naprawić formularz, żeby każde zapytanie docierało w całości
- 05 Uporządkować analitykę i zgody na cookies
03 / 06
Nasze rozwiązanie
Nowy wygląd zbudowaliśmy jako motyw potomny w tym samym WordPressie. Każdy typ podstrony ma własny szablon, który ładuje tylko swoje style i jeden skrypt o wadze 6,6 KB. Treści przenieśliśmy z WPBakery do czystego HTML-a, a oryginały zostały zapisane, więc każdą zmianę można cofnąć.
Przeglądarka mieszkań 3D Estate z widokiem osiedla i listą lokali startuje przy pierwszym ruchu użytkownika, więc nie spowalnia pierwszego ekranu. Mapę okolicy zastąpił szybki, statyczny render w stylistyce strony, bez zapytań do Google Maps. Fonty są własne, a zdjęcia w formatach AVIF i WebP.
Nowy formularz wysyła pełne dane z imieniem i treścią, odpowiedź trafia od razu do klienta, a spam zatrzymuje ochrona bez captchy. Po wysłaniu użytkownik trafia na stronę podziękowania, więc zapytania widać w GA4 i Google Ads. Tag Manager ładuje się raz, po ustawieniu zgód.
Technologie i integracje
- WordPress
- Figma
- 3D Estate
- Google Tag Manager
- OpenStreetMap
04 / 06
Zakres realizacji
11 elementów - od projektu po opiekę po starcie.
- 01 Wdrożenie projektu graficznego z Figmy na komputer i telefon
- 02 Strona główna, oferta, osiedle, galeria, wideo, blog i kontakt
- 03 Lokalizacje i 15 stron miejscowości
- 04 Przeglądarka mieszkań 3D Estate ładowana po pierwszym ruchu
- 05 Mapa okolicy w stylu strony zamiast osadzenia Google Maps
- 06 Treść przeniesiona z WPBakery do czystego HTML-a
- 07 Nowy formularz kontaktowy ze stroną podziękowania
- 08 Google Tag Manager raz, po ustawieniu zgód (Consent Mode)
- 09 Zdjęcia AVIF i WebP, własne fonty bez zapytań do Google
- 10 Przekierowania 301, poprawione adresy kanoniczne i okruszki
- 11 Kontrola jakości 226 adresów i start na produkcji
05 / 06
Efekty
- 100 punktów w każdej kategorii Lighthouse na telefonie
- 15× lżejsze grafiki we wpisach na blogu
- 100% adresów bez zmian po przejściu na nowy wygląd
- 226 adresów sprawdzonych przed startem
Nowa strona działa od 17 października 2026. Wszystkie publiczne podstrony korzystają z nowych szablonów, a stare adresy działają jak wcześniej albo przekierowują na nowe (301).
Wyniki z produkcji, Lighthouse na telefonie, mediana z 3 pomiarów (30.10.2026):
- Strona główna: 100 punktów za wydajność, dostępność, dobre praktyki i SEO
- Blog i kontakt: 100 punktów w każdej kategorii
- Osiedle Stare Przedszkole: wydajność 98, pozostałe kategorie 100
- Główna treść strony głównej na telefonie po 1,3 s, bez przesunięć układu
- Wydajność bloga na telefonie: 100 punktów zamiast 76
- Grafiki we wpisach na blogu: ok. 27 KB zamiast ok. 420 KB
06 / 06
Po starcie
Po starcie wyłączyliśmy nieużywane wtyczki premium i naprawiliśmy cache, który zapamiętywał cudze zgody na cookies. Nowe zdjęcia w bibliotece mediów same zapisują się jako WebP, a strona Osiedla Zachodnia czeka gotowa na start sprzedaży.
Przed i po.
Podstrona Deweloper przed zmianą i dziś. Przesuń suwak, żeby porównać.
Zobacz stronę.
habitat-house.pl - zrzuty z wdrożonego serwisu, desktop i mobile.
Więcej realizacji.
Wszystkie realizacje
Strona internetowa Migracja z WordPressaLanding rezerwacji
VisionOptyk
2× więcej rezerwacji badań wzroku bez utraty ruchu z Google
2× więcej rezerwacji badań
Czytaj case study
Sklep internetowy Strona internetowaSEO
amRack
Od nowej domeny do silnej widoczności i rosnącej sprzedaży online
+500% ruchu w 1. roku
Czytaj case study
Sklep internetowy WooCommerceIntegracja Comarch
Merazet
Dedykowany sklep internetowy z pełną automatyzacją sprzedaży
+30% sprzedaży online
Czytaj case study