SeLoger Plus
L'interface des professionnels de l’immobilier du Groupe SeLoger.com
Le n°1 de l’immobilier en France fait confiance à Zee Agency pour la refonte de sa plateforme professionnelle SeLogerPlus.com regroupant tous les outils nécessaires à la gestion d’annonces immobilières.
-
11 Sites de diffusion
-
23 000 Agences clientes
-
1,4 Millions d'annonces immobilières nationales
Enjeux
L’objectif de SeLoger.com était clair : faciliter la gestion des agences immobilières au quotidien en offrant une expérience de navigation unique sur desktop, tablette et smartphone.
Au-delà de leur apporter de potentiels acquéreurs et locataires, l’ambition de cette refonte était d’aider les professionnels de l’immobilier à valoriser leur savoir-faire et leurs annonces sur un marché où la pression concurrentielle s’est accrue depuis l’adoption d’internet.
Cette nouvelle plateforme était accompagnée d’une refonte complète de l’offre produits dédiée aux professionnels. Il était donc capital pour Zee Agency de créer une interface simple et intuitive tout en favorisant l’adoption des nouveaux produits et services proposés par SeLoger.com.
Solutions
La première étape était de rationaliser l’interface et simplifier l’arborescence afin de faciliter l’accessibilité et la visibilité de chaque fonctionnalité.
A mi-chemin entre le site responsive et l’application, le dispositif SeLoger Plus a été conçu avec une approche “mobile first” pour se focaliser sur les fonctions utiles en mobilité.
Le portefeuille d’annonces a été placé au coeur de SeLoger Plus permettant ainsi aux agents immobiliers d’accéder à toutes les fonctions clés en un clic (multi-diffusion, activation de produits de visibilité, impression de documents contractuels, etc). L’utilisateur est donc guidé par des contenus contextualisés pour augmenter la visibilité de ses biens et de son agence à chaque étape de la vie d’une annonce.
Le site rassemblant un contenu important, le challenge de la direction artistique était ici de présenter SeLoger Plus et ses nombreux outils de façon claire. Un tableau de bord structuré, des icônes ludiques et des formulaires aérés ont été conçus pour permettre à l’utilisateur de naviguer simplement et d’avoir accès rapidement à ses données.
Intégrée aux équipes de la DSI de SeLoger.com, les développements front se sont appuyés sur AngularJS, Bootstrap avec une méthode Agile pour permettre une évolution constante des choix techniques au service de l’application.
Résultats
Au quotidien, au bureau ou en visite, l’agent immobilier dispose rapidement des outils nécessaires à la promotion de son agence et de ses annonces.
Pour SeLoger.com, c’est également un outil à forte valeur ajoutée pour promouvoir sa gamme d’outils et de services qui font de SeLoger.com le partenaire privilégié de tous les professionnels de l’immobilier.
SeLoger Plus, c’est désormais plus de 23 000 agences pouvant diffuser simultanément leurs annonces sur 11 sites différents (SeLoger.com, BellesDemeures.com, ImmoStreet.com, SeLogerNeuf.com…).
Un projet d’1 an pour le leader de l’immobilier qui a permis à Zee Agency de démontrer sa capacité à travailler sur des projets de développement d’envergure.
Conception
Empathie (étude des utilisateurs & définition de personas), Simplicité (refonte de l’architecture de l’information), Efficacité (optimisation des parcours utilisateurs), Fluidité (wireframe réalisés avec Axure).
Création
L’interface propose un design dans l’air du temps, avec l’utilisation du flat design et la mise en place d’une grille aérée.
Des icônes dédiées pour chaque produit permettent une meilleure compréhension des services proposés et apportent un aspect ludique à l’ensemble du site.
Développement
D’abord, en mode itératif avec les créatifs et ensuite en phase de production avec la DSI de SeLoger, les développeurs ont été la pierre angulaire de cette aventure.
L’application est basée sur une architecture AngularJS et le framework css responsive Bootstrap. Les développeurs ont adapté leurs processus de déploiement front-end (git, Grunt, Bower) à l’environnement imposé (SVN, .net, MVC4, Razor). Ce workflow a permis une synchronisation efficace avec la DSI de SeLoger et des livraisons quotidiennes tout au long de la phase de production.
