Lefebvre Dalloz
Refonte du site portail, création d’un configurateur et d’un design system accessible pour l’ensemble des produits.
Fiche du projet
- Client
- Lefebvre Dalloz
- Rôle
- UI / Product Designer
- Équipe
- 4 designers, consultants Frontguys : 1 lead Product Designer, 1 UX Product Designeuse, 1 Product Designer dédié Logiciel et moi-même
- Périmètre
- Portail, Jurisprudence, Design System, Boutique unique
- Période
- 2024 – 2025
- Durée
- Un peu plus d’un an
- Statut
- En production
Impact
Contexte
Lefebvre Dalloz est né du regroupement de plusieurs maisons d’édition sous une seule et même entité. Chaque maison avait ses propres sites et ses propres produits.
J’ai rejoint l’équipe produit en mission pour Frontguys, avec trois autres designers. Le portail existait déjà : mon rôle a été d’optimiser les maquettes et de faire évoluer les composants du design system déjà créés.
Problème
Des produits hétérogènes, peu d’uniformité d’un site à l’autre, et un portail qui ne guidait pas assez l’utilisateur vers les bons contenus. Il fallait unifier l’expérience sans perdre la spécificité de chaque produit.
Démarche et enseignements
Un point hebdomadaire réunissait design et développement : specs des composants et des fonctionnalités, avancement, QA. Les composants étaient développés dans un Storybook en React.
Solution
Un socle commun et des composants spécifiques
Le design system repose sur un socle commun de composants partagés, complété par des composants propres à chaque produit. Une dizaine de sites ont été harmonisés et utilisent aujourd’hui ces composants communs, ainsi que deux services : GenIA-L et l’outil Jurisprudence.
Un configurateur par métier
Le configurateur est un module qui permet aux utilisateurs de trouver rapidement les informations ou les produits qui correspondent à leur besoin, en fonction de leur métier.
L’accessibilité
L’accessibilité est devenue un chantier majeur pour les équipes, porté par une membre de l’équipe produit qui en était l’ambassadrice. Nous avons commencé par poser les règles de lisibilité : contraste et tailles de typographie.
Boutique unique
Une boutique unique pour l’ensemble de l’offre Lefebvre Dalloz : mémentos, ouvrages, solutions numériques et abonnements. L’enjeu était de rendre une offre éditoriale très large lisible, du catalogue jusqu’à la fiche produit.
En tant qu’UI Product Designer, j’ai challengé les parcours et les wireframes, réalisé les maquettes UI haute fidélité et assuré le handoff avec les développeurs et la QA, au sein d’une équipe de quatre designers.
Résultats
Une dizaine de sites sont aujourd’hui réunis sous une seule direction artistique et s’appuient sur des composants communs.