Je tenais à remercier chaleureusement l'équipe qui a mené à bien la V2 du site Desoutter. Le projet de la V1 avait été très bien géré avec des retours utilisateurs très positifs. Thomas et Vincent (Product manager) ont su transformer les retours terrains et nos nouveaux besoins pour aboutir à une V2 qui nous permet de faire un autre grand pas en avant. Merci aussi à toute l'équipe dev qui a participé à cette V2.
1. Introduction
Desoutter, leader mondial de l'outil industriel haute performance, avait un site web vieillissant de près de 10 ans, déconnecté des attentes de ses utilisateurs et des standards web actuels. Missionné par Lonestone, j'ai piloté l'intégralité de la phase de recherche utilisateur et co-conçu le nouveau site en 6 mois, de la définition des piliers stratégiques jusqu'à la recette finale.
Comment pourrions-nous aider les prospects et clients de Desoutter à trouver les bons outils, services et expertises, où qu'ils se trouvent dans le monde ?
J'ai mené seul l'ensemble de la phase de recherche utilisateur (focus groups, questionnaire multi-pays, entretiens) et en ai traduit les enseignements en 8 piliers de conception qui ont guidé toutes les décisions design et techniques du projet.
J'ai co-designer 50+ blocs et variants qui ont permis de produire un volume important de maquettes dans un délai contraint, tout en garantissant la cohérence du système.
J'ai participé activement au suivi du développement et à la recette UX/UI, assurant que la vision initiale soit fidèlement retranscrite jusqu'à la mise en ligne de la v1 dans les temps.
2. Définition du problème
Desoutter Tools est un fabricant industriel d'outils d'assemblage pneumatiques et électriques, fondé en 1914, comptant 20 filiales et présent dans 170 pays. Le marché de l'outillage professionnel est en pleine mutation : industrie 4.0, maintenance prédictive, traçabilité, valorisation de la data et profusion de services font évoluer les attentes des clients bien au-delà du simple catalogue produit. Dans ce contexte de concurrence accrue, la présence digitale devient un levier commercial différenciant.
J'ai mené seul la phase de recherche, avec trois types de méthodes complémentaires.
Trois focus groups ont été organisés : l'un avec l'équipe en charge de l'expérience digitale, un second avec des profils techniciens et ingénieurs centrés sur les outils et services, et un troisième avec des profils commerciaux et marketing pour capter les enjeux business.
Un questionnaire a ensuite été adressé aux différents Customer Centers internationaux (Amérique du Nord, Europe de l'Est et Centrale, Royaume-Uni, Chine, Inde…) afin de recueillir les besoins et tendances propres à chaque marché local.
Enfin, 5 entretiens individuels ou en binômes ont permis d'approfondir les sujets les plus saillants issus des échanges précédents.

Donner de l'autonomie aux utilisateurs
Un volume trop important de contacts entrants vers les équipes commerciales et support pour des requêtes qui auraient pu être résolues en autonomie — signe d'un manque d'accès à l'information.
Améliorer le funnel de vente
Des performances insuffisantes sur des pages clés comme le catalogue produit, pourtant central dans le parcours d'achat.
Trouver l'équilibre entre cohérence de marque et pertinence locale
Une gestion des contenus rigide, inadaptée à la diversité des marchés locaux et à leurs besoins de localisation.
En synthèse, j'ai défini 8 piliers de conception pour guider les décisions design et techniques : simplification, meilleur accès aux produits et solutions, mise en avant de l'aspect humain, meilleure accessibilité à la documentation, et davantage d'autonomie pour les prospects et clients.
3. Conception de la solution
Face à l'étendue du site existant, nous avons recommandé à Desoutter une approche itérative : définir un périmètre MVP solide plutôt que de tout refaire d'un coup. Nous avons listé l'ensemble des écrans à concevoir, identifié ceux prioritaires pour la v1, puis mis en place un dashboard de suivi partagé avec toutes les parties prenantes, mis à jour en continu par Florent et moi.

Plutôt que de designer écran par écran, nous avons opté pour une approche modulaire : concevoir d'abord des blocs indépendants et leurs variants, avant d'assembler les pages. Cette décision a eu trois effets directs : elle nous a permis de travailler en parallèle avec des périmètres distincts, de produire un volume important dans un temps contraint, et de faciliter considérablement le travail des développeurs pour l'administration des contenus côté client sur Dato CMS.

L'enjeu visuel de ce projet était particulièrement délicat : moderniser l'image de marque sans toucher aux couleurs ni au logo existants. Nous avons investi un temps significatif dans la recherche typographique pour identifier une police variable capable de donner du rythme et de la respiration à chaque page, là où le site précédent manquait cruellement de hiérarchie visuelle.
Une partie importante du travail a consisté à défendre nos partis pris auprès du client. Ingénieurs de formation, les interlocuteurs de Desoutter avaient une tendance naturelle à vouloir remplir chaque espace disponible, à l'image d'une fiche technique exhaustive. Convaincre qu'un espace vide est un choix de design à part entière, et non un manque, a été l'un des fils rouges de la collaboration tout au long du projet.





Le travail de design ne s'est pas arrêté à la passation aux développeurs. Pendant plusieurs semaines, Florent et moi avons continué à ajuster certaines maquettes au fil de l'intégration, en fonction des contraintes techniques identifiées en cours de route. Cette phase nous a appris à maintenir la vision initiale tout en restant pragmatiques, en distinguant ce qui était négociable de ce qui ne l'était pas.

4. Résultats & Apprentissages
La v1 a été livrée dans les délais et bien reçue en interne. Au-delà des métriques, le projet a atteint un objectif moins visible mais tout aussi structurant : fédérer les équipes internes et les filiales internationales autour d'un site qui représente enfin l'entreprise à la hauteur de son positionnement de leader mondial.
Humain
Pour la première fois, commerciaux, équipes marketing et filiales locales se reconnaissent dans un outil qui reflète leur niveau d'exigence.
Opérationnel
Grâce au système de blocs et variants couplé à Dato CMS, les équipes gagnent un temps considérable à chaque création de page, avec la contrainte du multilangue intégrée dès la conception plutôt qu'ajoutée en bout de chaîne.
Commercial
L'amélioration des parcours de vente, notamment la mise en place de sélecteurs, a permis de faciliter le travail commercial.
Sur ce projet, j'ai affiné une compétence que je n'aurais pas spontanément associée à un site B2B industriel : le storytelling. Desoutter vend des outils de précision, mais derrière chaque outil il y a des ingénieurs, des lignes d'assemblage, des enjeux de performance en conditions réelles. Apprendre à raconter ces histoires humaines plutôt que d'exposer froidement des fiches techniques a été l'un des apprentissages les plus durables que j'emporte de ce projet.