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é)

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 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

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