PROJET

Développement d’un filtre personnalisé d’annonces immobilières et d’un module visuel pour un site basé sur WIX

Conception et développement d’un module de filtrage personnalisé, Intégration avec le CMS WIX et le Content Manager, Développement front-end responsive, Personnalisation UI/UX, Support technique et évolutions fonctionnelles

  • Secteur: Immobilier
  • Lettonie Localisation: Lettonie
  • Délai de livraison: 1 semaine
  • Technologies: WIX, WIX Content Manager
  • Noté: 5/5
1 mois

Résumé

Problème

River Properties avait besoin d’une manière dynamique et fidèle à sa marque de présenter ses appartements en ligne.

Solution

2410 a développé un système de filtrage responsive en temps réel, intégré à WIX.

Résultat

Les acheteurs peuvent désormais parcourir les appartements de manière interactive, ce qui améliore la clarté et la conversion.

Histoire du client

River Properties est un promoteur reconnu de Riga, spécialisé dans la restauration d’architectures d’avant-guerre et en bois. Pour un nouveau complexe résidentiel, l’entreprise recherchait une solution numérique attractive pour présenter les appartements disponibles.

En collaboration avec leur designer HoneyHoney, 2410 a donné vie aux visuels grâce à un développement sur mesure sur la plateforme WIX. Le projet a associé design graphique et expertise technique afin de permettre aux acheteurs potentiels de consulter les plans d’étage et les détails des appartements de manière interactive et intuitive.

Présentation du projet

2410 a développé pour River Properties un filtre immobilier modulaire et responsive, intégré à la plateforme WIX. Il permet de rechercher des appartements disponibles par nombre de pièces, prix, surface, étage et numéro de bâtiment, avec des mises à jour en temps réel, sans bouton de validation.

Il a été conçu pour s’adapter à l’expérience utilisateur de Bonava et intégré à une landing page ainsi qu’à trois pages dédiées aux bâtiments, chacune disposant de son propre jeu de données préfiltré.

La solution comprenait une visualisation interactive sur la landing page, permettant de sélectionner directement les étages depuis l’image du bâtiment. Chaque étage menait à des plans d’appartements avec des logements cliquables affichant des informations détaillées : surface, nombre de pièces, prix et options de contact.

Malgré les limites de WIX, 2410 a créé une infrastructure personnalisée, assurant la compatibilité entre navigateurs et permettant de mettre facilement à jour les statuts (vendu/réservé) via le CMS. Résultat : une expérience immobilière sur WIX qui semble entièrement personnalisée, pour les acheteurs comme pour les administrateurs.

River Properties a apprécié la communication constante, la flexibilité et la rapidité d’adaptation de 2410 aux retours sur le design et les aspects techniques. Le module a été livré dans des délais serrés, a suscité des réactions positives en interne, et la collaboration s’est distinguée par une résolution proactive des problèmes, des améliorations continues et une satisfaction globale quant au résultat.

- River Properties

Fonctionnalités clés livrées

  • Mise à jour instantanée des filtres sans clic supplémentaire
  • Filtres : surface, prix, nombre de pièces, étage, numéro de bâtiment
  • Filtres présélectionnés sur les pages dédiées aux bâtiments
  • Cartes visuelles personnalisées avec les informations du bien
  • Pagination avec « Afficher plus » après 12 entrées
  • Version mobile avec design adapté
  • Annonces modifiables par les administrateurs via le Content Manager WIX
  • Éléments de design personnalisés conformes à la charte graphique
  • Superpositions de plans d’étage avec informations sur les appartements et statuts de disponibilité

Stack technologique

WIX
WIX Content Manager
JavaScript
HTML/CSS
Velo by WIX

Le résultat

Le projet a été lancé avec succès sur la plateforme WIX

Il est entièrement optimisé pour ordinateur et mobile, avec des performances fluides et une compatibilité entre navigateurs. Le système réagit instantanément aux actions des utilisateurs, améliorant l’expérience de consultation des acheteurs potentiels.

Conseil : Tous les filtres et éléments interactifs ont été réalisés avec du code personnalisé sur WIX, permettant des fonctionnalités avancées sans plugins externes.

Les utilisateurs peuvent désormais interagir avec une représentation visuelle du complexe résidentiel. Le survol d’un bâtiment met en évidence ses étages, et un clic mène directement aux plans d’appartements correspondants.

Interactive house view on homepage
Vue interactive du bâtiment sur la page d’accueil

Chaque appartement est présenté sur un plan d’étage avec un code couleur intuitif :

  • Gris - Vendu (inactif)
  • Rose - Réservé (inactif)
  • Blanc - Disponible (interactif)

Le survol d’un logement affiche son prix et sa surface dans une infobulle, aidant les utilisateurs à prendre rapidement des décisions éclairées.

Floor plan with availability status
Plan d’étage utilisant un code couleur pour la disponibilité

Un clic sur un logement ouvre une fenêtre modale détaillée contenant toutes les informations sur l’appartement :

  • Surface totale
  • Nombre de pièces
  • Étage
  • Prix
  • Agencement, y compris les pièces supplémentaires
  • Coordonnées de l’agent immobilier
Detailed apartment information modal
Fenêtre modale affichant les détails de l’appartement

Interactivité par étage et aperçu des plans

Notre solution permet à l’équipe administrative de gérer toutes les annonces via le CMS WIX. Les statuts tels que vendu ou réservé peuvent être mis à jour en un seul clic.

Remarque : L’ensemble du système a été optimisé pour la facilité d’utilisation, le SEO et l’évolutivité, afin de répondre aux besoins des ventes à court terme comme de la gestion de contenu à long terme.

Vous envisagez de créer un système similaire ?

Si vous envisagez de développer un système de filtrage immobilier ou de visualisation d’appartements comme celui que nous avons créé pour River Properties, cette section est faite pour vous. Nous avons rassemblé les questions courantes de clients à la recherche de solutions similaires, axées sur les fonctionnalités, l’intégration et l’expérience utilisateur. Ces réponses vous aideront à comprendre les possibilités et les points à prendre en compte avant de commencer.