PRODA, 2024

Simplifier les données d’exploitation des équipes d’investissement immobilier

Lead product designer chez PRODA, aux côtés du PM, des développeurs et de l’équipe design de PRODA, sur un nouveau parcours pour importer, vérifier et relire des données d’états d’exploitation.

Un mur incliné de wireframes PRODA sur fond violet foncé, de la création du deal à l’import de documents, la relecture des erreurs et le récapitulatif
Rôle
Lead Product Designer
Équipe
PM, développeurs, équipe design
Méthodes
Recherche utilisateur, wireframes, prototypage

Aperçu

Un seul endroit clair pour les données d’exploitation

PRODA est une entreprise SaaS qui aide les équipes de l’immobilier commercial à collecter, standardiser et vérifier leurs données de rent roll et d’états d’exploitation, quelle qu’en soit la source. Je les ai rejoints en tant que lead product designer pour concevoir et affiner un nouveau parcours d’import et de relecture des états d’exploitation.

Avec une approche design thinking, j’ai travaillé en étroite collaboration avec le product manager et les développeurs : nous avons testé des wireframes avec les utilisateurs très tôt, puis affiné les maquettes à partir de ce que nous avions appris. J’ai travaillé aux côtés de l’équipe design de PRODA et de son design system, pour que chaque nouvel écran reste cohérent avec le reste du produit.

L’impact

Tester tôt des wireframes et un prototype a permis de corriger les principaux problèmes d’usage avant le développement, malgré des délais serrés.

Enjeu

Des données financières dispersées partout

Les équipes immobilières travaillaient avec des données d’états d’exploitation réparties entre plusieurs tableurs et plateformes. Tout rassembler à la main prenait du temps, et chaque étape manuelle était une occasion de plus de commettre une erreur.

L’objectif était de réduire cette charge administrative et de rendre les analyses financières plus rapides et plus fiables. Il fallait y parvenir dans des délais serrés, en s’intégrant aux outils que les équipes utilisaient déjà, tout en respectant des exigences strictes de sécurité.

  1. Des données fragmentées

    Les données financières étaient réparties entre plusieurs tableurs et plateformes, sans espace de travail unique.
  2. Une consolidation manuelle

    Rassembler les données à la main prenait du temps et générait des erreurs.
  3. De vraies contraintes

    Délais serrés, outils et sources de données existants, exigences strictes de sécurité : chaque décision devait en tenir compte.

Rôle

Mener le design, de la recherche à la livraison

J’ai mené le design du nouveau parcours de bout en bout : recherche, idéation, prototypage et livraison.

J’ai mené la recherche utilisateur et l’analyse concurrentielle, cartographié les parcours utilisateurs et créé les wireframes, puis conçu des prototypes interactifs haute fidélité. Tout au long du projet, j’ai travaillé avec le PM et les développeurs pour valider la faisabilité et accompagner l’implémentation, et avec l’équipe design de PRODA pour rester alignée sur leur design system.

Processus

Des croquis à un prototype testé

Idéation et croquis

J’ai cartographié les parcours de consolidation des données et de création de rapports, puis exploré plusieurs concepts de mise en page pour les tableaux de bord et les visualisations de données.

Wireframe de la liste des deals : un tableau avec marché, fonds, échéance, responsable et statut, ainsi qu’une recherche, des filtres et un bouton d’export
Wireframe : tous les deals dans un seul tableau, avec leur responsable et leur statut en un coup d’œil.

Wireframes et parcours utilisateurs

J’ai créé des wireframes basse fidélité pour les écrans clés et les ai fait évoluer à partir des retours du PM, des utilisateurs et de l’équipe design de PRODA.

Wireframe de l’étape d’import de document, avec une zone de glisser-déposer sous une barre de progression Deal, Property, Documents, Summary
Wireframe : un parcours guidé en quatre étapes, qui commence par un simple import de document.
Wireframe de l’étape de vérification du tableau : une mini-carte avec des coins déplaçables à gauche, le tableau extrait à droite
Wireframe : l’utilisateur confirme où chaque tableau commence et se termine avant le mapping des données.

Prototypage et tests

J’ai construit un prototype cliquable dans Figma et mené des tests utilisateurs avec cinq personnes. Tester avant la haute fidélité nous a permis de repérer et corriger les frictions tôt, tant que les changements restaient rapides à faire.

Wireframe de l’étape de relecture des erreurs : une erreur et quatre alertes listées à gauche, avec la cellule concernée mise en évidence dans le tableau
Wireframe : les erreurs et anomalies sont listées et reliées à la cellule exacte qu’elles concernent.

Design

Un tableau de bord pour décider vite et en confiance

Le design final est un tableau de bord haute fidélité qui réunit les données d’états d’exploitation dans une seule vue, pour que les équipes puissent les vérifier, les filtrer et agir sans jongler entre plusieurs outils.

  • Une hiérarchie claire

    Une hiérarchie visuelle claire, des filtres et des indicateurs exploitables, pour que les chiffres importants ressortent en premier.

  • Pensé pour évoluer

    Des composants modulaires qui laissent de la place aux futures fonctionnalités et intégrations.

  • Facile à lire

    Des contrastes accessibles et des libellés clairs pour une compréhension rapide.

  • Cohérent

    Conçu avec l’équipe design de PRODA sur son design system existant, pour que chaque écran ait le même aspect et le même comportement.

Résultat

Des problèmes résolus avant le développement

Tester tôt avec des wireframes et un prototype cliquable a permis de résoudre les plus gros problèmes avant le développement, ce qui a fait une vraie différence avec des délais aussi serrés.