Strona internetowa dla biura nieruchomości: realizacja biurodhn.pl

Dream House Nieruchomości działa na poznańskim rynku od ponad pięciu lat i ma w dorobku ponad 200 nieruchomości. Biuro łączy dwie usługi: pośrednictwo w obrocie nieruchomościami oraz doradztwo kredytowe prowadzone przez właścicielkę Sylwię Kondycką. Poprzednia strona nie oddawała ani tej skali, ani tego połączenia, dlatego została w całości zastąpiona nową, zaprojektowaną od zera.

Klient miał jedno wyraźne życzenie dotyczące wyglądu: kolorystyka zielono-srebrna. Zbudowaliśmy na tym elegancki, stonowany kierunek: ciemna zieleń w nagłówku i stopce, srebrne akcenty na obramowaniach, dużo powietrza i zero krzykliwości. Cel biznesowy był prosty: strona ma zbierać zapytania o oferty i kredyty, głównie z telefonów, bo tak klienci przeglądają nieruchomości.

1. 1

   Nagłówek i hero jako jedna całość

   Transparentny nagłówek leży na zdjęciu, a po przewinięciu zamienia się w przyklejony biały pasek. Pasek wyróżnień biura, w tym Oferteo Najlepsi 2026, jest wciągnięty do wnętrza hero.

2. 2

   Oferty spięte z Esti CRM

   Karty nieruchomości z ceną, lokalizacją, metrażem, liczbą pokoi i piętrem. Dane ofert biuro prowadzi w Esti CRM, a strona prezentuje je we własnej, dopasowanej oprawie z filtrowaniem listingu.

3. 3

   Podstrona Kredyty z blokiem doradcy

   Karty produktów finansowych: kredyty hipoteczne, gotówkowe, leasingi i konsolidacje, plus realne przewagi biura: obsługa formalności, współpraca z każdym bankiem i dojazd do klienta.

4. 4

   Formularz rekrutacyjny z wysyłką CV

   Podstrona Pracuj z nami przyjmuje zgłoszenia z załączonym CV. Formularz ma zabezpieczenia przed spamem i limit zgłoszeń, a plik po wysłaniu mailem jest automatycznie sprzątany z serwera.

5. 5

   Kontakt w dwóch kolumnach

   Dane biura po lewej, formularz na ciemnym zielonym tle po prawej. Na telefonie tło rozciąga się na całą szerokość ekranu, a biała karta formularza unosi się nad nim.

6. 6

   Treści edytowalne bez programisty

   Każda sekcja ma edytowalne pola tekstów i zdjęć w panelu WordPressa, więc biuro samo aktualizuje stronę. Zmiana opisu, liczby czy fotografii nie wymaga kontaktu z nami.

Praca na gotowym motywie to w dużej mierze zarządzanie jego marginesami i stylami. Zamiast łatać problemy punktowo, rozwiązywaliśmy je systemowo, jednym mechanizmem dla całej strony.

1. 1

   Nagłówek nachodził na treść podstron

   Przyklejony nagłówek nie spychał treści w dół. Skrypt wykrywa, czy strona ma sekcję hero, i sam dodaje odstęp tam, gdzie go brakuje. Jeden warunek zamiast poprawek na każdej podstronie osobno.

2. 2

   Biały pasek między hero a wyróżnieniami

   Motyw dokładał odstęp między osobnymi sekcjami, co dawało widoczną białą szczelinę. Zamiast walczyć z jego marginesami, scaliliśmy pasek wyróżnień do wnętrza sekcji hero.

3. 3

   Motyw nadpisywał wygląd formularzy

   Pole wyboru stanowiska w formularzu rekrutacyjnym nie dawało się ostylować. Napisaliśmy pełne nadpisanie stylów z własną strzałką i wymuszoną typografią, spójne na każdej podstronie.

4. 4

   Ciemne tło formularza łamało się na telefonach

   Ujednoliciliśmy wzorzec: tło jako osobna warstwa pod spodem, karta formularza nad nią. Ten sam mechanizm działa na podstronie Kontakt i Pracuj z nami, bez wyjątków per ekran.

Strona działa na WordPressie z motywem Astra, ale cały wygląd i wszystkie funkcje napisaliśmy ręcznie, bez page builderów. Firmowa zieleń i srebro są wpięte w globalne ustawienia kolorów motywu, więc każdy element strony korzysta z tej samej palety. Biuro edytuje treści przez pola w panelu, a menu zarządza natywnym edytorem WordPressa.

Formularze mają komplet zabezpieczeń przed spamem i botami, a każda podstrona ma wpięte dane strukturalne opisujące firmę jako agencję nieruchomości: kim jest, co robi, gdzie działa i jak się z nią skontaktować. To format zrozumiały dla Google i systemów AI, ten sam mechanizm, który pomaga stronie pojawiać się w wynikach lokalnych i podpowiedziach AI. Prace trwały od lutego do kwietnia 2026, a strona jest dalej rozwijana.