Strona Internetowa Nieruchomości Widok Warta
Zakodowanie strony internetowej dla dewelopera nieruchomości „Widok Warta”
Podgląd na żywoKlient
Rednet
Branża
Nieruchomości
Czas trwania
2 miesiące
Lokalizacja
Polska
Autorzy projektu
Cele
Opracowanie zaawansowanego systemu wyszukiwania mieszkań
Wdrożenie wyszukiwania opartego na tabeli z opcjami filtrowania według wielkości, liczby pokoi i piętra, połączonego z interaktywnym wyszukiwaniem wizualnym.
Integracja interaktywnej mapy apartamentów
Wykonanie dynamicznej mapy budynku opartej na SVG, która pozwala użytkownikom wybierać piętra i przeglądać szczegóły apartamentów.
Automatyczna aktualizacja ofert apartamentów z systemu CRM
Wdrożenie systemu, który automatycznie pobiera i aktualizuje oferty apartamentów z zewnętrznego systemu CRM z WordPressem.
Wdrożenie sekcji „podobne apartamenty”
Implementacja funkcji śledzenia przeglądanych apartamentów, która wyświetla podobne oferty w oparciu o wcześniejsze wyszukiwania użytkowników.
Dodanie formularza kontaktowego
Umieszczenie formularza kontaktowego, który umożliwi użytkownikom szybkie wysyłanie zapytań dotyczących wybranych apartamentów.
Złożony układ z zaawansowanymi elementami
Opracowanie strony internetowej z niestandardowym, złożonym układem, który zawiera unikalnie zaprojektowane sekcje. Projekt obejmuje wdrożenie zaawansowanych sliderów prezentujących wyróżnione apartamenty oraz rozbudowanego systemu galerii, który zapewnia szczegółową wizualizację nieruchomości.
Przegląd implementacji
Realizacja polegała na przekształceniu projektu graficznego klienta w pełni funkcjonalną stronę internetową dla biura nieruchomości, z naciskiem na zaawansowane funkcje wyszukiwania mieszkań. Głównym wymaganiem była integracja zarówno systemu wyszukiwania opartego na tabeli, jak i interaktywnej mapy wizualnej. Mapa budynku oparta na SVG umożliwia użytkownikom przeglądanie pięter, wybieranie apartamentów oraz wyświetlanie szczegółowych informacji, takich jak wielkość, dostępność i inne istotne dane.
Wyszukiwanie oparte na tabeli zostało wzbogacone o zaawansowane opcje filtrowania, co umożliwiło użytkownikom sortowanie apartamentów według wielkości, liczby pokoi i piętra. Aby spersonalizować doświadczenie użytkownika, opracowano funkcję śledzenia przeglądanych mieszkań, która pokazuje podobne oferty na podstawie wcześniejszych wyszukiwań. Zastosowano do tego lokalne przechowywanie danych oraz AJAX do dynamicznego ładowania treści.
Strona została również połączona z zewnętrznym systemem CRM, co umożliwiło automatyczne aktualizowanie ofert apartamentów i synchronizację ich z WordPressem za pomocą wtyczki WP All Import. Ustawiono zadanie CRON, aby utrzymać aktualność ofert. Dodano również formularz kontaktowy, umożliwiający potencjalnym nabywcom wysyłanie zapytań bezpośrednio z poziomu ofert mieszkań, co ułatwia komunikację.
Zastosowane technologie
HTML
CSS
SASS/SCSS
Javascript
PHP
WordPress
Webpack
GIT
Podsumowanie
Realizacja tego projektu doprowadziła do stworzenia nowoczesnej i funkcjonalnej strony internetowej dla dewelopera nieruchomości, która wyróżnia się zaawansowaną funkcjonalnością podwójnego wyszukiwania. Użytkownicy mogą w łatwy sposób przełączać się między opcjami wyszukiwania opartymi na tabeli oraz interaktywnymi, co znacząco poprawia ich doświadczenia i ułatwia przeglądanie ofert mieszkań. Dynamiczna mapa SVG zapewnia intuicyjny sposób eksploracji szczegółów apartamentów, a zaawansowane opcje filtrowania pomagają użytkownikom znaleźć mieszkania odpowiadające ich preferencjom.
Dodatkowo automatyczna synchronizacja ofert apartamentów z zewnętrznym systemem CRM zapewnia, że wszystkie dane są zawsze aktualne. Funkcja proponowanych apartamentów jeszcze bardziej poprawia doświadczenie użytkownika, oferując spersonalizowane rekomendacje na podstawie wcześniejszych interakcji.
