Cimm immobilier, c’est aujourd’hui un réseau de 255 points de vente. Plus de 2686 d’annonces immobilières publiées et de nombreuses recherches de biens chaque jour.
Pour commencer, nous avions un objectif simple : répondre plus rapidement aux demandes des visiteurs. Le tout en garantissant une mise en avant de chaque annonce.
1. EXPÉRIENCE UTILISATEUR
Donc la problématique de ce projet pour nos astronautes, était d’améliorer l’expérience utilisateur sans compromettre le référencement. Les Frameworks Javascripts offrent un confort de navigation incomparable. Mais ils ne sont pour la plupart pas indexables par les moteurs de recherche. L’étude des technologies à utiliser pour ce projet était donc primordiale.
DJANGO – EMBERJS – FASTBOOT – HTML5 – CSS3
0,2 secondes
Temps nécessaire pour charger la page d’un bien depuis la page de recherche
+10000 biens
Nombre de biens disponibles sur une seule carte Dynamic Search
+56%
Nombre de pages par visite qui a augmenté de 56% depuis le passage en Dynamic Search
2. LE CHOIX DE LA TECHNOLOGIE
A. FRONT-END
Le choix d’EmberJS s’est fait naturellement : récemment adopté par les meilleures fines techs de San Francisco, ce Framework innovant offre une expérience utilisateur sans comparaison. Il existe cependant des contraintes fortes à relever en ce qui concerne l’indexation des pages par les moteurs de recherche. Le facteur différenciant d’EmberJS se trouve dans sa capacité à pouvoir créer des applications complexes avec un rendu rapide (et sans rechargement) pendant une navigation : l’utilisateur télécharge (de façon transparente) la coquille générale du site, et il n’y a plus qu’à peupler les données pendant la visite et les différentes actions effectuées par l’utilisateur.
B. BACK-END
Adeptes de l’utilisation de Django (Python), nous avons naturellement utilisé Django REST-API pour toute la partie Back de ce service web, parfaitement complémentaire avec EmberJS.
C. FASTBOOT
Derrière un choix basé sur l’expérience utilisateur First, il a fallu trouver une solution concernant l’indexation pour les moteurs de recherche. Fastboot permet de se faire passer pour un visiteur, et créer au fil de sa navigation des pages de rendus parfaitement indexables. Nous détectons le User-Agent qui arrive sur le site et renvoyons soit EmberJS (s’il s’agit d’un utilisateur réel), soit une page générée par Fastboot s’il s’agit d’un moteur de recherche.
Résultats
Après une première proposition, notre équipe a pu rapidement mettre en développement notre solution et la mettre en phase de test auprès de plusieurs utilisateurs clients et agents.
Grâce au développement de notre carte « Dynamic search » et notre moteur de recherche, nous avons concilié de façon optimale les problématiques d’expérience utilisateur et de référencement. Une carte interactive permettant à l’utilisateur de rechercher rapidement un bien qui correspond à ses critères tout en améliorant le référencement des biens immobiliers publiés pas les agents.