On prend 2-3 nouveaux projets par mois. Verifier la disponibilite

Greenmood

Plateforme B2BUX/UIConfigurateur ProduitDesign System

Architecture d'information, UX et configurateurs produit pour le leader européen du design biophilique et acoustique.

2021
Greenmood
Contexte

Un leader européen avec un catalogue qui dépasse l'interface classique.

Greenmood conçoit et fabrique des solutions de design biophilique et acoustique pour les espaces professionnels. Murs végétaux, panneaux acoustiques, cloisons modulaires. Leur catalogue est vaste, technique, et chaque produit se décline en dizaines de configurations. Leur positionnement est premium, leur clientèle est B2B : architectes, designers d'intérieur, facility managers. L'enjeu n'était pas de créer un site vitrine. C'était de construire un outil de travail.

Problème

Un catalogue complexe sans structure pour le porter.

Le site existant ne reflétait pas la profondeur de l'offre Greenmood. Les produits étaient nombreux, les variantes multiples, mais l'architecture d'information ne permettait pas aux utilisateurs B2B de naviguer efficacement. Les commerciaux perdaient du temps à expliquer ce que la plateforme aurait dû montrer. Les architectes ne trouvaient pas les spécifications techniques dont ils avaient besoin pour prescrire les produits. Il manquait un système pensé pour la complexité réelle du catalogue.

Réflexion

Penser en produit, pas en pages.

Avant d'ouvrir Figma, on a cartographié l'ensemble du catalogue : familles de produits, variantes, options, spécifications techniques, cas d'usage. On a identifié trois profils utilisateurs distincts : l'architecte qui prescrit, le facility manager qui compare, le commercial Greenmood qui présente. Chaque profil avait des parcours différents et des besoins d'information différents. La structure devait servir les trois sans compromis. On a conçu l'architecture d'information comme un système de filtrage progressif, pas comme une arborescence statique.

Penser en produit, pas en pages.
Approche

Configurateurs, système de composants et navigation par usage.

L'interface a été structurée autour de deux axes : la navigation par catégorie produit et la navigation par cas d'usage. Un architecte cherchant une solution acoustique pour un open space arrive au bon produit en trois clics, sans passer par l'arborescence complète du catalogue.

Les configurateurs produit sont le coeur du projet. Chaque produit configurable dispose d'une interface dédiée où l'utilisateur sélectionne dimensions, matériaux, finitions, et visualise le résultat en temps réel. On a conçu la logique de configuration en collaboration avec l'équipe technique de Greenmood pour garantir que chaque combinaison affichée soit réellement fabricable.

Le design system a été construit pour supporter la diversité du catalogue sans exploser en complexité. Composants modulaires, grille adaptable, typographie technique pour les specs, mise en page éditoriale pour les cas d'usage. Le système devait fonctionner aussi bien pour une fiche produit minimaliste que pour un configurateur à 15 options.

Configurateurs, système de composants et navigation par usage.
Exécution

Livraison structurée pour une équipe technique interne.

On a livré un système complet : wireframes détaillés, prototypes interactifs, design system documenté, spécifications fonctionnelles des configurateurs. L'architecture de composants a été pensée pour que l'équipe de développement interne de Greenmood puisse implémenter et maintenir la plateforme sans dépendance externe. Chaque configurateur a été spécifié avec sa logique de règles métier, ses états d'interface et ses cas limites.

Impact

Une plateforme qui travaille pour le business.

La plateforme a transformé la manière dont Greenmood présente son offre. Les commerciaux utilisent les configurateurs en rendez-vous client. Les architectes configurent et prescrivent en autonomie. Le catalogue, auparavant difficile à appréhender, est devenu un avantage concurrentiel tangible.

Livrables
  • Architecture d'information complète
  • UX research et cartographie des parcours utilisateurs
  • Wireframes et prototypes interactifs
  • Design system modulaire et documenté
  • UX et UI des configurateurs produit
  • Spécifications fonctionnelles des configurateurs
  • Direction artistique plateforme
  • Guidelines de composants pour l'équipe dev
Projet suivantOyabun

Un projet complexe à structurer ?

On conçoit des plateformes et applications qui fonctionnent pour vos utilisateurs et votre business. Parlons de votre projet. plateformes et applications