PROJEKT

Stworzenie niestandardowego filtra ofert nieruchomości i modułu wizualnego dla strony opartej na WIX

Projekt i wdrożenie niestandardowego modułu filtrowania, Integracja z WIX CMS i Content Managerem, Responsywne tworzenie front-endu, Dostosowanie UI/UX, Wsparcie techniczne i iteracyjne rozwijanie funkcji

  • Branża: Nieruchomości
  • Łotwa Lokalizacja: Łotwa
  • Czas realizacji: 1 tydzień
  • Technologie: WIX, WIX Content Manager
  • Ocena: 5/5
1 miesiąc

Podsumowanie

Problem

River Properties potrzebowało dynamicznego i spójnego z marką sposobu prezentowania mieszkań online.

Rozwiązanie

2410 stworzyło responsywny system filtrowania w czasie rzeczywistym, zintegrowany z WIX.

Rezultat

Kupujący mogą teraz interaktywnie przeglądać mieszkania, co poprawia przejrzystość oferty i konwersję.

Historia klienta

River Properties to renomowany deweloper z Rygi, specjalizujący się w renowacji przedwojennej i drewnianej architektury. Przy okazji nowego kompleksu mieszkaniowego firma szukała angażującego rozwiązania cyfrowego do prezentacji dostępnych mieszkań.

We współpracy z projektantem HoneyHoney firma 2410 ożywiła wizualizacje dzięki dedykowanemu kodowaniu na platformie WIX. Projekt połączył design graficzny z wiedzą techniczną, umożliwiając potencjalnym kupującym intuicyjne i interaktywne przeglądanie planów pięter oraz szczegółów mieszkań.

Przegląd projektu

2410 stworzyło modułowy, responsywny filtr nieruchomości dla River Properties, wdrożony na platformie WIX. Filtr umożliwia wyszukiwanie dostępnych mieszkań według liczby pokoi, ceny, powierzchni, piętra i numeru budynku, z aktualizacjami w czasie rzeczywistym - bez potrzeby używania przycisku wysyłania.

Został zaprojektowany zgodnie z UX Bonava i osadzony na stronie docelowej oraz na trzech stronach poszczególnych budynków, z których każda korzystała z własnego, wstępnie odfiltrowanego zbioru danych.

Rozwiązanie obejmowało interaktywną wizualizację na stronie docelowej, gdzie użytkownicy mogli wybierać piętra bezpośrednio na obrazie budynku. Każde piętro prowadziło do planów mieszkań z klikalnymi lokalami prezentującymi szczegółowe informacje - powierzchnię, liczbę pokoi, cenę i opcje kontaktu.

Pomimo ograniczeń WIX firma 2410 stworzyła niestandardową infrastrukturę, zapewniając zgodność z różnymi przeglądarkami i umożliwiając łatwą aktualizację statusów (sprzedane/zarezerwowane) przez CMS. Rezultat: UX nieruchomości oparty na WIX, który sprawia wrażenie w pełni indywidualnie zaprojektowanego - zarówno dla kupujących, jak i administratorów.

River Properties doceniło stałą komunikację, elastyczność i szybkie reagowanie firmy 2410 na uwagi dotyczące projektu i kwestii technicznych. Moduł został dostarczony w napiętym terminie, spotkał się z pozytywnym odbiorem wewnątrz firmy, a współpraca obejmowała proaktywne rozwiązywanie problemów, bieżące usprawnienia i ogólne zadowolenie z rezultatu.

- River Properties

Dostarczone kluczowe funkcje

  • Natychmiastowa aktualizacja filtrów bez dodatkowych kliknięć
  • Filtry: powierzchnia, cena, liczba pokoi, piętro, numer budynku
  • Wstępnie wybrane filtry na stronach poszczególnych budynków
  • Niestandardowe karty wizualne z informacjami o nieruchomości
  • Paginacja z opcją „Pokaż więcej” po 12 wpisach
  • Wersja mobilna z dostosowanym designem
  • Oferty edytowalne przez administratora w WIX Content Manager
  • Niestandardowe elementy designu zgodne z księgą marki
  • Nakładki na planach pięter z informacjami o mieszkaniach i statusami dostępności

Technologie wykorzystane w projekcie

WIX
WIX Content Manager
JavaScript
HTML/CSS
Velo by WIX

Rezultat

Projekt został pomyślnie uruchomiony na platformie WIX

Rozwiązanie jest w pełni zoptymalizowane pod kątem komputerów i urządzeń mobilnych, zapewnia płynne działanie oraz zgodność z różnymi przeglądarkami. System natychmiast reaguje na działania użytkownika, poprawiając komfort przeglądania oferty przez potencjalnych kupujących.

Wskazówka: Całe filtrowanie i interakcje zrealizowano za pomocą niestandardowego kodu na WIX, co umożliwiło zaawansowane funkcje bez zewnętrznych wtyczek.

Użytkownicy mogą teraz korzystać z wizualnej reprezentacji kompleksu mieszkaniowego. Najechanie na budynek podświetla piętra, a kliknięcie prowadzi bezpośrednio do planów mieszkań na danym poziomie.

Interactive house view on homepage
Interaktywny widok budynku na stronie głównej

Każde mieszkanie jest przedstawione na planie piętra za pomocą intuicyjnego kodowania kolorami:

  • Szary - Sprzedane (nieaktywne)
  • Różowy - Zarezerwowane (nieaktywne)
  • Biały - Dostępne (interaktywne)

Po najechaniu na lokal w podpowiedzi wyświetlają się jego cena i powierzchnia, co pomaga użytkownikom szybko podejmować świadome decyzje.

Floor plan with availability status
Plan piętra z kolorystycznym oznaczeniem dostępności

Kliknięcie lokalu otwiera szczegółowe okno modalne z pełnymi informacjami o mieszkaniu:

  • Całkowita powierzchnia
  • Liczba pokoi
  • Poziom piętra
  • Cena
  • Układ obejmujący dodatkowe pomieszczenia
  • Dane kontaktowe pośrednika
Detailed apartment information modal
Okno modalne ze szczegółami mieszkania

Interaktywność na poziomie pięter i podgląd planów

Nasze wdrożenie pozwala zespołowi administratorów zarządzać wszystkimi ofertami przez WIX CMS. Statusy takie jak sprzedane lub zarezerwowane można aktualizować jednym kliknięciem.

Uwaga: Cały system zoptymalizowano pod kątem użyteczności, SEO i skalowalności - z myślą zarówno o krótkoterminowej sprzedaży, jak i długoterminowym zarządzaniu treścią.

Myślisz o stworzeniu podobnego systemu?

Jeśli rozważasz stworzenie systemu filtrowania nieruchomości lub wizualizacji mieszkań podobnego do rozwiązania, które zbudowaliśmy dla River Properties, ta sekcja jest dla Ciebie. Zebraliśmy tu częste pytania klientów zainteresowanych podobnymi rozwiązaniami - dotyczącymi funkcjonalności, integracji i doświadczeń użytkownika. Odpowiedzi pomogą Ci zrozumieć dostępne możliwości i kwestie, które warto rozważyć przed rozpoczęciem prac.