PROJET

Développement d'un filtre et module visuel sur mesure pour les annonces immobilières sur un site WIX

Conception et mise en œuvre d'un module de filtrage sur mesure, Intégration avec le CMS et le gestionnaire de contenu WIX, Développement front-end réactif, Personnalisation de l'interface utilisateur/expérience utilisateur, Support technique et itérations des fonctionnalités

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

Résumé

Problème

River Properties avait besoin d'une façon dynamique et de marque pour présenter les appartements en ligne.

Solution

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

Résultat

Les acheteurs peuvent maintenant naviguer dans les appartements de manière interactive, améliorant ainsi la clarté et la conversion.

Histoire du client

River Properties est un promoteur réputé de Riga spécialisé dans la restauration de l'architecture pré-war et en bois. Pour un nouveau complexe résidentiel, ils ont cherché une solution numérique engageante pour présenter les appartements disponibles.

En collaboration avec leur designer HoneyHoney, 2410 a donné vie aux visuels grâce à du codage sur mesure sur la plate-forme WIX. Le projet a fusionné design graphique et expertise technique, garantissant que les acheteurs potentiels puissent naviguer dans les plans d'étage et les détails des appartements de manière interactive et intuitive.

Aperçu du projet

2410 a développé un filtre immobilier modulable et réactif pour River Properties, implanté sur la plate-forme WIX. Le filtre permet aux utilisateurs 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 - pas de bouton de validation requis.

Il a été conçu pour correspondre à l'UX de Bonava et intégré sur une page d'accueil et trois pages de bâtiments individuelles, chacune avec son ensemble de données pré-filtré.

La solution comprenait une visualisation interactive sur la page d'accueil où les utilisateurs pouvaient sélectionner des étages directement à partir de l'image du bâtiment. Chaque étage était lié à des plans d'appartements avec des unités cliquables montrant des informations détaillées - surface, nombre de chambres, prix, et options de contact.

Malgré les limitations de WIX, 2410 a créé une infrastructure sur mesure, assurant la compatibilité entre navigateurs et facilitant les mises à jour de statut (vendu/réservé) via le CMS. Le résultat : une UX immobilière basée sur WIX qui semble entièrement personnalisée, à la fois pour les acheteurs et les administrateurs.

River Properties a exprimé sa reconnaissance pour la communication constante de 2410, sa flexibilité et sa rapide adaptation aux retours sur le design et techniques. Le module a été livré dans des délais serrés, a reçu des réactions positives en interne, et la collaboration a inclus une résolution proactive des problèmes, des améliorations continues, et une satisfaction globale du résultat.

- River Properties

Caractéristiques clés livrées

  • Mises à jour instantanées du filtre sans clics supplémentaires
  • Filtres : Surface, Prix, Nombre de Pièces, Étage, Numéro du Bâtiment
  • Filtres présélectionnés sur les pages des bâtiments individuels
  • Cartes visuelles personnalisées avec info sur la propriété
  • Pagination avec 'Afficher Plus' après 12 entrées
  • Version mobile avec design adapté
  • Annonces éditables par l'administrateur via WIX Content Manager
  • Éléments de design personnalisés selon le brandbook
  • Superpositions de plans d'étage avec informations sur les appartements et statuts de disponibilité

Ensemble technologique

WIX Gestionnaire de Contenu WIX JavaScript HTML/CSS Velo par WIX

Le résultat

Le projet a été lancé avec succès sur la plate-forme WIX

Il est entièrement optimisé pour le bureau et le mobile, avec des performances fluides et une compatibilité inter-navigateurs. Le système répond instantanément aux actions des utilisateurs, améliorant l'expérience de navigation pour les acheteurs potentiels.

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

Les utilisateurs peuvent maintenant interagir avec une représentation visuelle du complexe résidentiel. Survoler un bâtiment met en surbrillance les étages, et cliquer conduit directement aux plans des appartements pour ce niveau.

Vue interactive de la maison sur la page d'accueil

Vue interactive de la maison sur la page d'accueil

Vue interactive du bâtiment sur la page d'accueil

Chaque appartement est affiché sur un plan d'étage avec des codes couleur intuitifs :

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

Survoler une unité affiche son prix et sa surface dans une infobulle, aidant les utilisateurs à prendre des décisions rapides et informées.

Plan d'étage avec statut de disponibilité

Plan d'étage avec statut de disponibilité

Plan d'étage codé par couleur pour la disponibilité

Cliquez sur une unité pour ouvrir un modal détaillé avec toutes les informations de l'appartement :

  • Surface totale
  • Nombre de pièces
  • Niveau d'étage
  • Prix
  • Plan incluant des chambres supplémentaires
  • Infos de contact de l'agent immobilier
Informations détaillées sur l'appartement modal

Informations détaillées sur l'appartement modal

Fenêtre modale montrant les détails de l'appartement

Interactivité au niveau de l'étage et aperçu du plan

Notre implémentation permet à l'équipe administrative de gérer toutes les annonces à travers le CMS WIX. Les statuts comme vendu ou réservé peuvent être mis à jour d'un simple clic.

Note : Le système entier a été optimisé pour l'ergonomie, le référencement, et la scalabilité - conçu à la fois pour les ventes à court terme et 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 construit pour River Properties, cette section est pour vous. Nous avons rassemblé des questions courantes des clients qui souhaitent des solutions similaires - axées sur les fonctionnalités, l'intégration et l'expérience utilisateur. Ces réponses vous aideront à comprendre ce qui est possible et ce qu'il faut considérer avant de démarrer.