Kontekst i wyzwanie
Słoneczny Zakątek to kameralne osiedle w Sieradzu: 19 budynków dwulokalowych w trzech zespołach, 38 mieszkań po 76,18 m², na parterze z tarasem i ogródkiem, na piętrze z balkonem. Deweloper miał banery, wizualizacje, rzuty i domenę, na której nic nie było. Kto zobaczył baner, nie miał gdzie obejrzeć mieszkania przed telefonem.
Stronę osiedla czyta ktoś, kto za chwilę wyda największe pieniądze w życiu, więc każda liczba musi się zgadzać. W pierwszym szkicu tak nie było: odległości do szkół i sklepów były szacunkami, a po zmierzeniu wszystkie siedem okazały się błędne. Strona musiała też ładować się od razu na telefonie, bo tam prowadzi baner, a każde zapytanie miało trafiać do biura sprzedaży bez pośredników.
Rozwiązanie
Zaprojektowałem dwa kierunki, klasyczny i nowoczesny, a na domenę poszedł klasyczny. Hero to film z wizualizacji dewelopera: trzy ujęcia osiedla o zachodzie słońca z wolnym ruchem kamery, który rusza dopiero po załadowaniu strony, więc nie spowalnia pierwszego ekranu. Oba typy mieszkań otwierają się w oknie z wizualizacją 3D, rzutem 2D i listą pomieszczeń, a plan osiedla pokazuje wszystkie 19 budynków w jednej linii, tak jak w projekcie zagospodarowania. Wybór mieszkań z planu jest już wbudowany i czeka, aż biuro sprzedaży poda dostępność.
Każdy fakt na stronie ma źródło: rzuty, banery albo pomiar. Odległości do najbliższego sklepu, punktu przedszkolnego, szkoły, parku, rynku i węzła S8 zmierzyłem w OpenStreetMap i z tych samych danych narysowałem mapę. Dokładna działka nie jest jeszcze publiczna, więc mapa pokazuje teren między dwiema ulicami, a nie pinezkę.
Strona to React skompilowany z wyprzedzeniem i wyrenderowany do HTML, więc cały tekst jest w kodzie strony, zanim ruszy jakikolwiek skrypt, a skrypty startują sekundę po załadowaniu. Działa na hostingu dewelopera w home.pl, gdzie skonfigurowałem domenę, certyfikat i skrzynkę biura sprzedaży. Formularz wysyła przez tę skrzynkę z logowaniem SMTP i podpisem DKIM, a adres kupującego od razu czeka na odpowiedź. Dane strukturalne, mapa strony i llms.txt pozwalają wyszukiwarkom i asystentom AI czytać osiedle jako osiedle. Strona nie zapisuje cookies i niczego nie ładuje od firm zewnętrznych, więc nie potrzebuje okna zgody.
Efekty i stack
Strona osiedla 38 mieszkań w Sieradzu: każde mieszkanie w 3D i na rzucie, tylko sprawdzone fakty i zapytanie, które trafia prosto do biura sprzedaży.
- 100 / 100
- PageSpeed we wszystkich czterech kategoriach, na telefonie i komputerze
- 38
- mieszkań, każde z rzutem w 3D i 2D
- 0
- cookies, więc bez okna zgody
2026ReactesbuildPlaywright prerenderPHPhome.pl
