LeemoLe moteur de recherche de programmes immobiliers pour les pro

Retour au site

Date

Mars 2018

Compétences

  • Stratégie

  • Design

  • UX

  • Développement

  • UI

  • Design Sprint

Outil d’agrégation de programmes immobiliers

A partir d’un Design Sprint qui a permis de déterminer la nouvelle vision et sa roadmap produit, nous avons imaginé, avec les équipes métiers, la nouvelle expérience utilisateur qui fait désormais de Leemo un outil incontournable chez les professionnels de l’immobilier.

Key visuel réalisé pour la page d’accueil de Leemo V2

OBJECTIFS DU DISPOSITIF

  • Réinventer l’expérience de recherche de programmes immobiliers
  • Migrer la plateforme vers une technologie Javascript moderne (React sera choisi)
  • Intégration profonde de fonction de cartographie dans l’expérience

Notre réponse

Le Design Sprint

Afin de remettre à plat plusieurs mois de réflexion en interne sur les nouvelles fonctionnalités à ajouter au produit, nous avons réalisé avec le Directeur Produit et le Product Manager de Leemo, un Design Sprint.

Durant ces 5 jours consécutifs d’ateliers, nous avons imaginé ensemble ce à quoi pourrait ressembler la nouvelle expérience Leemo afin d’être au plus prêt des besoins de ses utilisateurs.

Voici en résumé le programme de ce Design Sprint :

  • Lundi : cadrage des enjeux du projet et compréhension des utilisateurs (Vision, Persona, Experience map)
  • Mardi : inspiration et idéation afin d’imaginer différentes solutions possibles (Benchmark UX, Zonings papier)
  • Mercredi : votes et mise en commun afin de définir la solution telle qu’elle sera prototypée (Storyboard, Wireframes détaillés)
  • Jeudi : création du prototype fonctionnel qui sera soumis au testeurs (Prototype fonctionnel)
  • Vendredi : 5 tests utilisateurs afin de mettre la solution imaginée à l’épreuve (Backlog priorisé)
Programme Design Sprint Leemo

En savoir plus sur le Design Sprint

Les outils du Design Sprint.

Architecture et navigation

A l’issue du Design Sprint, qui était concentré sur l’expérience de recherche, nous avons réalisé de nouveaux ateliers afin de définir l’architecture complète de la solution.

Un exercice de Flowchart a permis de définir en collaboration les parcours utilisateurs de la future solution de manière exhaustive.

Flowchart Leemo

Flowchart de l’utilisateur cible Richard

UI Design System

Tout l’enjeu d’un produit aussi dense que celui-ci est de parvenir à maquetter rapidement tout en gardant une bonne cohérence et homogéneité entre les différents écrans et parcours. Dès le départ, notre équipe UI a eu la bonne idée de réaliser et maintenir un *Kit UI* (devenu plus tard un Design System) qui a permis une bonne mutualisation des éléments d’UI au sein du design de Leemo V2.

UI Kit Leemo

UI Kit Leemo

case_study_screens_leemo (2)

Design graphique des écrans principaux du parcours de recherche

 

Développement

Alors que nous étions en charge de développer le front de l’application, les équipes techniques de Leemo assuraient de leur côté les développement back (moteurs de crawling, back office d’administration et API).

Tout l’enjeu était donc de réussir à coordonnée les 5 développeurs qui travaillaient en simultanée sur le projet.

Après plusieurs mois de développement, la première version du nouveau Leemo voyait le jour et était proposée en beta à une poignée d’utilisateurs.

DÉFIS RELEVÉS

  • Immerger d’entrée nos équipes en plein coeur des problématiques métier très technique qui entoure la solution Leemo
  • Challenger en profondeur la solution existante tout en composant avec les attentes des différents parties prenantes (équipe produit, clients, partenaires…)
  • Coordonner le travail de nos développeurs (sur le front end) avec celui des équipes techniques de Leemo (en charge du back end)

STACK TECHNIQUE

  • React JS pour l’application front
  • Symfony PHP pour le back-end
  • YouMaps pour le moteur de cartographie

Le projet en quelques chiffres

75

écrans réalisés en UI

16

mois de production

1

rachat à l'issue du projet