Strona internetowa Nieruchomości Vista Wawer

Projekt rozpoczął się od zakodowania sześciu unikalnych projektów dostarczonych przez grafika klienta, przy użyciu HTML, CSS, JavaScript i PHP. Strona została w pełni zintegrowana z WordPressem za pomocą wtyczki Advanced Custom Fields (ACF), co umożliwiło klientowi edytowanie wszystkich obrazów i tekstów na stronie. Kluczowym elementem projektu był system wyszukiwania nieruchomości bez przeładowania, zbudowany przy użyciu AJAX, który pozwala użytkownikom filtrować apartamenty według parametrów, takich jak wielkość, piętro, liczba pokoi oraz typ nieruchomości (mieszkanie lub lokal). Użytkownicy mogli również sortować wyniki w porządku rosnącym lub malejącym na podstawie tych samych parametrów.

Dodatkowo wprowadzono interaktywną mapę wyszukiwania wizualnego, wykorzystując SVG. Użytkownicy mogli najeżdżać kursorem na apartamenty na mapie, aby uzyskać szczegółowe informacje, takie jak numer apartamentu, jego wielkość, liczba pokoi oraz status. JavaScript dynamicznie wyświetlał te informacje, pobierając dane z atrybutów SVG. Jeśli apartament był dostępny, kliknięcie na niego otwierało sekcję ze szczegółami, gdzie można było pobrać kartę apartamentu oraz wysłać wypełniony formularz zapytania dotyczący konkretnego apartamentu.

Strona została zoptymalizowana pod kątem wydajności, aby zapewnić krótkie czasy ładowania i kompatybilność z różnymi przeglądarkami. Przeprowadzono również szczegółowe testy, aby upewnić się, że wszystkie funkcje działają płynnie na różnych urządzeniach.

Projekt doprowadził do stworzenia responsywnej strony internetowej dla biura nieruchomości, która łączy zaawansowane wyszukiwanie oparte na AJAX z interaktywną mapą wizualną. Integracja z WordPressem i ACF ułatwiła klientowi aktualizowanie ofert apartamentów, a spersonalizowane formularze kontaktowe poprawiły komunikację z użytkownikami. Strona została zoptymalizowana pod kątem szybkości działania i przetestowana w różnych przeglądarkach, co zapewnia płynne i efektywne działanie.