PROGETTO

Sviluppo di un filtro personalizzato per gli annunci immobiliari e di un modulo visivo per un sito basato su WIX

Progettazione e implementazione del modulo di filtraggio personalizzato, Integrazione con WIX CMS e Content Manager, Sviluppo front-end responsive, Personalizzazione UI/UX, Supporto tecnico e iterazioni delle funzionalità

  • Settore: Immobiliare
  • Lettonia Località: Lettonia
  • Tempi di consegna: 1 settimana
  • Tecnologie: WIX, WIX Content Manager
  • Valutazione: 5/5
1 mese

Riepilogo

Problema

River Properties aveva bisogno di un modo dinamico e in linea con il brand per presentare online gli appartamenti.

Soluzione

2410 ha sviluppato un sistema di filtraggio responsive e in tempo reale, integrato in WIX.

Risultato

Ora gli acquirenti possono consultare gli appartamenti in modo interattivo, migliorando chiarezza e conversioni.

La storia del cliente

River Properties è un rinomato sviluppatore di Riga specializzato nel restauro di edifici dell'anteguerra e di architettura in legno. Per un nuovo complesso residenziale, cercava una soluzione digitale coinvolgente per presentare gli appartamenti disponibili.

In collaborazione con la designer HoneyHoney, 2410 ha dato vita agli elementi visivi attraverso codice personalizzato sulla piattaforma WIX. Il progetto ha unito design grafico e competenze tecniche, consentendo ai potenziali acquirenti di consultare planimetrie e dettagli degli appartamenti in modo interattivo e intuitivo.

Panoramica del progetto

2410 ha sviluppato un filtro immobiliare modulare e responsive per River Properties, implementato sulla piattaforma WIX. Il filtro consente agli utenti di cercare appartamenti disponibili per numero di stanze, prezzo, superficie, piano e numero dell'edificio, con aggiornamenti in tempo reale e senza bisogno di un pulsante di invio.

È stato realizzato in linea con la UX di Bonava e integrato in una landing page e in tre pagine dedicate ai singoli edifici, ciascuna con il proprio set di dati prefiltrato.

La soluzione includeva una visualizzazione interattiva nella landing page, dove gli utenti potevano selezionare direttamente i piani dall'immagine dell'edificio. Ogni piano rimandava alle planimetrie degli appartamenti, con unità cliccabili contenenti informazioni dettagliate: superficie, numero di stanze, prezzo e opzioni di contatto.

Nonostante i limiti di WIX, 2410 ha creato un'infrastruttura personalizzata, garantendo la compatibilità tra browser e consentendo di aggiornare facilmente gli stati (venduto/prenotato) tramite il CMS. Il risultato è una UX immobiliare basata su WIX che appare completamente personalizzata, sia per gli acquirenti sia per gli amministratori.

River Properties ha apprezzato la comunicazione costante, la flessibilità e la rapidità di 2410 nell'adattarsi ai feedback di design e tecnici. Il modulo è stato consegnato in tempi stretti, ha ricevuto reazioni positive internamente e la collaborazione ha incluso la risoluzione proattiva dei problemi, miglioramenti continui e piena soddisfazione per il risultato.

- River Properties

Funzionalità principali realizzate

  • Aggiornamenti istantanei del filtro senza clic aggiuntivi
  • Filtri: superficie, prezzo, numero di stanze, piano, numero dell'edificio
  • Filtri preselezionati nelle pagine dei singoli edifici
  • Schede visive personalizzate con informazioni sugli immobili
  • Paginazione con "Mostra altro" dopo 12 risultati
  • Versione mobile con design adattato
  • Annunci modificabili dagli amministratori tramite WIX Content Manager
  • Elementi di design personalizzati in linea con il brand book
  • Overlay delle planimetrie con informazioni sugli appartamenti e stati di disponibilità

Stack tecnologico

WIX
WIX Content Manager
JavaScript
HTML/CSS
Velo by WIX

Il risultato

Il progetto è stato lanciato con successo sulla piattaforma WIX

È completamente ottimizzato per desktop e dispositivi mobili, con prestazioni fluide e compatibilità tra browser. Il sistema risponde istantaneamente alle azioni degli utenti, migliorando l'esperienza di navigazione dei potenziali acquirenti.

Suggerimento: Tutti i filtri e gli elementi interattivi sono stati realizzati con codice personalizzato su WIX, abilitando funzionalità avanzate senza plugin esterni.

Ora gli utenti possono interagire con una rappresentazione visiva del complesso residenziale. Passando il mouse su un edificio vengono evidenziati i piani; facendo clic si accede direttamente alle planimetrie di quel livello.

Interactive house view on homepage
Vista interattiva dell'edificio nella homepage

Ogni appartamento è mostrato su una planimetria con codici colore intuitivi:

  • Grigio - Venduto (inattivo)
  • Rosa - Prenotato (inattivo)
  • Bianco - Disponibile (interattivo)

Passando il mouse su un'unità vengono visualizzati prezzo e superficie in un tooltip, aiutando gli utenti a prendere decisioni rapide e consapevoli.

Floor plan with availability status
Planimetria con codici colore per la disponibilità

Facendo clic su un'unità si apre una finestra modale dettagliata con tutte le informazioni sull'appartamento:

  • Superficie totale
  • Numero di stanze
  • Piano
  • Prezzo
  • Planimetria con gli ambienti aggiuntivi
  • Contatti dell'agente immobiliare
Detailed apartment information modal
Finestra modale con i dettagli dell'appartamento

Interattività per piano e anteprima della planimetria

La nostra implementazione consente al team amministrativo di gestire tutti gli annunci tramite WIX CMS. Stati come venduto o prenotato possono essere aggiornati con un solo clic.

Nota: L'intero sistema è stato ottimizzato per usabilità, SEO e scalabilità, con un design adatto sia alle vendite a breve termine sia alla gestione dei contenuti nel lungo periodo.

Stai pensando di creare un sistema simile?

Se stai valutando lo sviluppo di un sistema di filtraggio immobiliare o di visualizzazione degli appartamenti come quello realizzato per River Properties, questa sezione fa per te. Abbiamo raccolto le domande più comuni dei clienti interessati a soluzioni simili, con particolare attenzione a funzionalità, integrazione ed esperienza utente. Le risposte ti aiuteranno a capire cosa è possibile realizzare e cosa considerare prima di iniziare.