PROJEKT

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

Projektowanie i wdrażanie niestandardowego modułu filtrującego, Integracja z WIX CMS i Content Manager, Responsywny rozwój front-end, Dostosowanie UI/UX, Wsparcie techniczne i iteracje funkcji

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

Podsumowanie

Problem

River Properties potrzebowało dynamicznego i markowego sposobu prezentacji mieszkań online.

Rozwiązanie

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

Wynik

Nabywcy mogą teraz przeszukiwać mieszkania w sposób interaktywny, co poprawia klarowność i konwersję.

Historia klienta

River Properties to renomowany ryski deweloper specjalizujący się w odbudowie architektury przedwojennej i drewnianej. Dla nowego kompleksu mieszkaniowego poszukiwali interesującego rozwiązania cyfrowego do prezentacji dostępnych mieszkań.

Współpraca z ich projektantem HoneyHoney, 2410 ożywiła wizualizacje poprzez dopasowane kodowanie na platformie WIX. Projekt połączył grafikę z wiedzą techniczną, zapewniając potencjalnym nabywcom możliwość przeszukiwania planów pięter i szczegółów mieszkań w sposób interaktywny i intuicyjny.

Przegląd projektu

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

Został stworzony tak, aby pasować do UX Bonavy i osadzony na stronie głównej oraz trzech stronach indywidualnych budynków, z każdą z nich posiadającą własny zestaw danych pre-filtrujących.

Rozwiązanie obejmowało interaktywne wizualizacje na stronie głównej, gdzie użytkownicy mogli wybierać piętra bezpośrednio z obrazu budynku. Każde piętro było powiązane z planami mieszkań z możliwością kliknięcia jednostek pokazujących szczegółowe informacje - powierzchnię, liczbę pokoi, cenę i opcje kontaktu.

Pomimo ograniczeń WIX, 2410 stworzyło niestandardową infrastrukturę, zapewniającą kompatybilność we wszystkich przeglądarkach i umożliwiającą łatwą aktualizację statusów (sprzedano/zarezerwowane) za pośrednictwem CMS. Wynik: interfejs UX bazujący na WIX dla nieruchomości, który wydaje się w pełni niestandardowy, zarówno dla kupujących, jak i administratorów.

River Properties wyraziło uznanie dla ciągłej komunikacji ze strony 2410, elastyczności oraz szybkiego dostosowywania się do uwag dotyczących projektu i techniki. Moduł został dostarczony w krótkim terminie, uzyskał pozytywne reakcje wewnętrzne, a współpraca obejmowała proaktywne rozwiązywanie problemów, ciągłe udoskonalenia i ogólną satysfakcję z efektu końcowego.

- River Properties

Kluczowe cechy zrealizowane

  • Natychmiastowe aktualizacje filtra bez dodatkowych kliknięć
  • Filtry: Powierzchnia, Cena, Liczba Pokoi, Piętro, Numer Budynku
  • Wstępnie wybrane filtry na indywidualnych stronach budynków
  • Niestandardowe karty wizualne z informacjami o nieruchomości
  • Paginacja z 'Pokaż więcej' po 12 elementach
  • Wersja mobilna z dostosowanym projektem
  • Listy edytowalne przez admina za pośrednictwem WIX Content Manager
  • Niestandardowe elementy projektu według brandbook
  • Nałożenia planów pięter z informacjami o mieszkaniach i statusami dostępności

Technologie

WIX WIX Content Manager JavaScript HTML/CSS Velo by WIX

Wynik

Projekt został pomyślnie uruchomiony na platformie WIX

Jest w pełni zoptymalizowany zarówno dla komputerów stacjonarnych, jak i mobilnych, oferując płynną wydajność i kompatybilność z różnymi przeglądarkami. System reaguje natychmiastowo na działania użytkowników, poprawiając doświadczenie przeglądania dla potencjalnych nabywców.

Porada: Wszystkie funkcje filtrowania i interaktywności zostały osiągnięte przy użyciu niestandardowego kodu na WIX, umożliwiając zaawansowane funkcjonalności bez potrzeby zewnętrznych wtyczek.

Użytkownicy mogą teraz wchodzić w interakcję z wizualnym przedstawieniem kompleksu mieszkaniowego. Najechanie myszką na budynek podświetla piętra, a kliknięcie prowadzi bezpośrednio do planów mieszkań dla tego poziomu.

Interaktywny widok budynku na stronie głównej

Interaktywny widok budynku na stronie głównej

Interaktywny widok budynku na stronie głównej

Każde mieszkanie jest pokazane na planie piętra z intuicyjnymi kolorowymi kodami:

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

Najechanie myszką na mieszkanie wyświetla jego cenę i powierzchnię w krótkiej informacji, pomagając użytkownikom w szybkich i świadomych decyzjach.

Plan piętra ze statusami dostępności

Plan piętra ze statusami dostępności

Kodowany kolorami plan piętra dla dostępności

Kliknięcie na jednostkę otwiera szczegółowy widok modalny z pełnymi informacjami o mieszkaniu:

  • Całkowita powierzchnia
  • Liczba pokoi
  • Poziom piętra
  • Cena
  • Układ w tym dodatkowe pokoje
  • Informacje kontaktowe agenta nieruchomości
Szczegółowe informacje o mieszkaniu

Szczegółowe informacje o mieszkaniu

Okno modalne pokazujące szczegóły mieszkania

Interaktywność na poziomie piętra i podgląd planu

Nasza implementacja pozwala zespołowi administracyjnemu zarządzać wszystkimi listami za pośrednictwem WIX CMS. Statusy takie jak sprzedano lub zarezerwowane można zaktualizować jednym kliknięciem.

Uwaga: Cały system został zoptymalizowany pod kątem użyteczności, SEO i skalowalności - zaprojektowany zarówno dla krótkoterminowej sprzedaży, jak i długoterminowego zarządzania treścią.

Myślisz o zbudowaniu podobnego systemu?

Jeśli rozważasz rozwinięcie systemu filtrowania nieruchomości lub wizualizacji mieszkań takiego jak ten, który zbudowaliśmy dla River Properties, ta sekcja jest dla Ciebie. Zebraliśmy często zadawane pytania od klientów, którzy chcą podobnych rozwiązań - skupiających się na funkcjonalności, integracji i doświadczeniu użytkownika. Te odpowiedzi pomogą Ci zrozumieć, co jest możliwe i na co zwrócić uwagę przed rozpoczęciem.