PROIECT

Dezvoltarea unui filtru personalizat pentru listări imobiliare și a unui modul vizual pentru un website bazat pe WIX

Proiectarea și implementarea unui modul personalizat de filtrare, Integrarea cu WIX CMS și Content Manager, Dezvoltare front-end responsivă, Personalizare UI/UX, Asistență tehnică și iterații ale funcționalităților

  • Domeniu: Imobiliare
  • Letonia Locație: Letonia
  • Durata proiectului: 1 săptămână
  • Tehnologii: WIX, WIX Content Manager
  • Evaluare: 5/5
1 lună

Rezumat

Problemă

River Properties avea nevoie de o modalitate dinamică și aliniată brandului pentru a prezenta apartamentele online.

Soluție

2410 a dezvoltat un sistem de filtrare responsiv, în timp real, integrat în WIX.

Rezultat

Cumpărătorii pot acum explora interactiv apartamentele, îmbunătățind claritatea și conversia.

Povestea clientului

River Properties este un dezvoltator renumit din Riga, specializat în restaurarea arhitecturii interbelice și din lemn. Pentru un nou complex rezidențial, compania a căutat o soluție digitală atractivă pentru prezentarea apartamentelor disponibile.

În colaborare cu designerul lor, HoneyHoney, 2410 a dat viață elementelor vizuale prin programare personalizată pe platforma WIX. Proiectul a combinat designul grafic cu expertiza tehnică, asigurându-le potențialilor cumpărători posibilitatea de a explora planurile etajelor și detaliile apartamentelor într-un mod interactiv și intuitiv.

Prezentarea proiectului

2410 a dezvoltat un filtru modular și responsiv pentru proprietăți imobiliare pentru River Properties, implementat pe platforma WIX. Filtrul permite utilizatorilor să caute apartamente disponibile după numărul de camere, preț, suprafață, etaj și numărul clădirii, cu actualizări în timp real - fără buton de trimitere.

Acesta a fost creat pentru a corespunde experienței UX Bonava și integrat într-o pagină de destinație și pe trei pagini dedicate clădirilor, fiecare cu propriul set de date prefiltrat.

Soluția a inclus o vizualizare interactivă pe pagina de destinație, unde utilizatorii puteau selecta etajele direct din imaginea clădirii. Fiecare etaj era conectat la planurile apartamentelor, cu unități accesibile prin clic și informații detaliate - suprafață, număr de camere, preț și opțiuni de contact.

În ciuda limitărilor WIX, 2410 a creat o infrastructură personalizată, asigurând compatibilitatea între browsere și permițând actualizarea ușoară a statusurilor (vândut/rezervat) prin CMS. Rezultatul: o experiență UX imobiliară bazată pe WIX, care pare construită integral la comandă, atât pentru cumpărători, cât și pentru administratori.

River Properties și-a exprimat aprecierea pentru comunicarea constantă, flexibilitatea și adaptarea rapidă a echipei 2410 la feedbackul de design și tehnic. Modulul a fost livrat într-un termen strâns, a primit reacții pozitive din partea echipei interne, iar colaborarea a inclus soluționarea proactivă a problemelor, îmbunătățiri continue și satisfacție generală față de rezultat.

- River Properties

Funcționalități principale livrate

  • Actualizarea instantanee a filtrului, fără clicuri suplimentare
  • Filtre: suprafață, preț, număr de camere, etaj, număr clădire
  • Filtre preselectate pe paginile individuale ale clădirilor
  • Carduri vizuale personalizate cu informații despre proprietăți
  • Paginare cu „Afișează mai multe” după 12 rezultate
  • Versiune mobilă cu design adaptat
  • Listări editabile de administratori prin WIX Content Manager
  • Elemente de design personalizate, conform brandbookului
  • Suprapuneri peste planurile etajelor, cu informații despre apartamente și statusuri de disponibilitate

Tehnologii utilizate

WIX
WIX Content Manager
JavaScript
HTML/CSS
Velo by WIX

Rezultatul

Proiectul a fost lansat cu succes pe platforma WIX

Este complet optimizat pentru desktop și mobil, oferind performanță fluidă și compatibilitate între browsere. Sistemul răspunde instantaneu la acțiunile utilizatorilor, îmbunătățind experiența de navigare pentru potențialii cumpărători.

Sfat: Toate funcțiile de filtrare și interactivitate au fost realizate prin cod personalizat în WIX, permițând funcționalități avansate fără pluginuri externe.

Utilizatorii pot interacționa acum cu o reprezentare vizuală a complexului rezidențial. Trecerea cursorului peste o clădire evidențiază etajele, iar clicul duce direct la planurile apartamentelor de la nivelul respectiv.

Interactive house view on homepage
Vizualizare interactivă a clădirii pe pagina principală

Fiecare apartament este afișat pe un plan al etajului, folosind coduri de culoare intuitive:

  • Gri - Vândut (inactiv)
  • Roz - Rezervat (inactiv)
  • Alb - Disponibil (interactiv)

Trecerea cursorului peste o unitate afișează prețul și suprafața într-un tooltip, ajutând utilizatorii să ia decizii rapide și informate.

Floor plan with availability status
Plan al etajului cu coduri de culoare pentru disponibilitate

Clicul pe o unitate deschide o fereastră modală detaliată cu toate informațiile despre apartament:

  • Suprafață totală
  • Număr de camere
  • Nivelul etajului
  • Preț
  • Compartimentare, inclusiv camerele suplimentare
  • Date de contact ale agentului imobiliar
Detailed apartment information modal
Fereastră modală cu detalii despre apartament

Interactivitate la nivelul etajului și previzualizarea planului

Implementarea noastră permite echipei de administrare să gestioneze toate listările prin WIX CMS. Statusuri precum vândut sau rezervat pot fi actualizate printr-un singur clic.

Notă: Întregul sistem a fost optimizat pentru ușurință în utilizare, SEO și scalabilitate - conceput atât pentru vânzări pe termen scurt, cât și pentru gestionarea conținutului pe termen lung.

Te gândești să construiești un sistem similar?

Dacă iei în considerare dezvoltarea unui sistem de filtrare imobiliară sau de vizualizare a apartamentelor precum cel creat pentru River Properties, această secțiune este pentru tine. Am adunat întrebări frecvente de la clienții care doresc soluții similare - axate pe funcționalitate, integrare și experiența utilizatorului. Răspunsurile te vor ajuta să înțelegi ce este posibil și ce trebuie luat în calcul înainte de a începe.