Liberkeys

Dôme Immobilier

Quand la croissance et la valeur du produit sont profondément imbriquées.

Alors que Liberkeys s'apprêtait à commercialiser sa plateforme immobilière interne, les bases fragmentées de son interface utilisateur sont devenues un frein à son évolutivité. J'ai repensé son design system pour prendre en charge plusieurs marques, améliorer l'accessibilité et permettre aux équipes produit de maintenir et de faire évoluer l'interface en toute autonomie.

Site en direct

Client

Liberkeys

Année

2023 - 2024

Rôle

Designer produit

Portée

Recherche utilisateur · Découverte produit · Stratégie produit · Design UX/UI · Tests d'utilisabilité · Leadership en design

Emplacement

Paris, France

Statut du projet

Design livré. Développement en cours.

PROBLÈME DE CONCEPTION

Concevoir pour le changement, pas seulement pour la cohérence.

Conçue pour les opérations internes, la plateforme avait accumulé des interfaces et des modèles incohérents. Sa commercialisation sous la forme d'un SaaS B2B nécessitait une expérience cohérente, capable de s'adapter à différentes marques et de rester facile à maintenir sans avoir recours à un designer dédié à chaque itération.

RÉSULTATS

Accessibilité

Une fondation inclusive

Établissement des règles d'utilisation des couleurs, des matrices de contraste et des spécifications visuelles accessibles. J'ai également choisi des bibliothèques inclusives afin que la future iconographie soit inclusive par défaut.

Évolutivité

Prise en charge de la marque blanche

Création de palettes de couleurs adaptables et d'une navigation prête à intégrer un logo, tout en préservant les structures de produits partagées.

Autonomie

Un design system documenté

Composants documentés, iconographie et directives d'utilisation pour favoriser une maintenance autonome par les équipes Produit et Ingénierie.

CAS D'USAGE

Créer un système que les gens peuvent réellement utiliser.

Intégrer l'accessibilité et l'autonomie de conception au cœur d'une transformation B2B.

Défi

La plateforme avait été conçue pour répondre aux besoins internes de Liberkeys. L'adapter pour des clients externes a exigé un niveau supérieur de cohérence, de flexibilité et de maintenabilité.

Problème

Les interfaces existantes reposaient sur des modèles fragmentés, ce qui rendait les modifications difficiles à propager et créait des dépendances inutiles envers l'expertise en conception.

Démarche

Alors que Liberkeys s'apprêtait à commercialiser sa plateforme immobilière interne, j'ai repensé les fondations de son interface utilisateur afin de prendre en charge l'étiquetage blanc tout en préservant une expérience produit cohérente.

En séparant la personnalisation de la marque des modèles d'interface partagés, j'ai contribué à préparer Dôme pour la commercialisation B2B et une maintenance indépendante par les équipes Produit et Ingénierie.

01 — Rendre l'accessibilité systématique

J'ai restructuré les palettes de couleurs et défini des directives d'utilisation, des combinaisons de contraste et des spécifications d'icônes afin de rendre les choix accessibles plus simples et plus cohérents.

02 — Séparer l'image de marque de la structure du produit

J'ai conçu une approche de marque blanche maîtrisée : les couleurs et les logos de la marque pouvaient changer, tandis que les modèles de navigation, les composants et les flux de travail clés restaient partagés.

03 — Concevoir pour l'autonomie

J'ai documenté l'anatomie des composants, les modèles d'interaction, la typographie, l'iconographie et les règles d'utilisation. J'ai également identifié des bibliothèques externes réutilisables d'icônes et d'illustrations afin que les équipes puissent créer et enrichir les interfaces sans dépendre d'un designer dédié.

Démarche

02 — Séparer l'image de marque de la structure du produit

03 — Concevoir pour l'autonomie

RÉFLEXION

Un système de design n'est utile que si l'on est capable de le maintenir.

Le but n'était pas de créer une bibliothèque de composants parfaite.

En documentant à la fois les règles et les ressources nécessaires pour les appliquer, j'ai contribué à rendre les décisions de conception plus accessibles aux équipes chargées de l'avenir du produit. L'objectif était de préserver plus facilement l'accessibilité, la cohérence et l'adaptabilité au fil de l'évolution du produit.