CF

Cyril Fromentin

Site e-commerce

UX/UI Designer

REX Leroy Merlin

Transformer la recherche en une expérience guidée. Une refonte stratégique du moteur de recherche du site web de Leroy Merlin pour évoluer d'un simple champ de saisie à un centre de prise de décision.

REX Leroy Merlin

REX - Search e-commerce

Contexte

Le client et ses enjeux

Le groupe

Ce projet est une étude de cas personnelle, née d'un échange avec une Lead UX/UI Customer Experience chez Leroy Merlin. Il ne s'agit pas d'une mission officielle ni d'une refonte commanditée : c'est un exercice d'audit et de conception mené de façon autonome, à partir de constats partagés lors de cet échange, pour explorer comment transformer la barre de recherche en véritable outil de conversion. Toutes les propositions présentées ici sont des pistes de travail personnelles, non validées ni déployées par Leroy Merlin.

Objectif

Transformer la barre de recherche du site e-commerce Leroy Merlin en un véritable outil d'aide à la décision, capable de guider l'utilisateur dès la saisie plutôt que de se limiter à prédire un mot-clé. L'ambition est double : réduire les frictions du parcours de recherche et convertir un trafic à forte intention d'achat en opportunités de vente et de cross-sell mesurables.

Problématique

Comment transformer un moteur de recherche fonctionnel, mais purement textuel, qui répond à l'intention explicite de l'utilisateur, sans jamais la stimuler ni l'accompagner, en un espace de découverte guidée, sans complexifier l'expérience ni ralentir les utilisateurs qui savent déjà ce qu'ils cherchent ?

Remarques

Ce projet repose sur une analyse des types de requêtes et intentions de recherche plutôt que sur une recherche utilisateur qualitative formalisée (pas d'entretiens, pas de tests utilisateurs). Les hypothèses de gain (taux de clic, conversion, panier moyen) sont issues de benchmarks du retail e-commerce et non de mesures réalisées sur le site Leroy Merlin. Elles illustrent un ordre de grandeur plausible, pas un résultat vérifié. Ce travail reste donc une démonstration de méthode et de raisonnement UX, à valider par un test A/B en conditions réelles avant tout déploiement.

Organisation

Parties prenantes

Mon rôle :

UX/UI

L’équipe :

Lead UX/UI - Customer experience

Stack technique :

Stack :

Figma, Teams, Jira, Office 365

Process UX

De la recherche à la solution

01

UX Research

L'audit du parcours de recherche Leroy Merlin a été mené en deux temps : Un état des lieux des points forts existants, puis l'identification des frictions bloquant la conversion. Côté positif, l'autocomplétion fonctionne correctement et répond aux requêtes utilisateur, avec un lexique adapté aux usages métiers ("tronçonnage", "tronçonneuse").

En creusant les frictions, trois problèmes structurels sont apparus :

  • Des suggestions purement textuelles (liste verticale de mots-clés sans aperçu produit, visuel ni contexte)

  • une recherche qui ne donne aucune indication réelle sur le résultat avant validation.

  • Une absence totale de guidage cognitif (pas de catégorisation, d'affinage ou de déclencheur inspirationnel).

Conséquence directe : l'expérience de recherche repose sur la chance de l'utilisateur plutôt que sur un accompagnement structuré. Un problème UX stratégique dans la mesure où ce point d'entrée capte un trafic à forte intention d'achat mais ne le convertit pas à son plein potentiel.

02

Solutions envisagées

La solution proposée transforme la barre de recherche d'un simple outil d'autocomplétion textuelle en un drawer horizontal multi-suggestion, structuré autour de 4 blocs fonctionnels apparaissant dès la saisie : recherches suggérées (mots-clés, variantes sémantiques, requêtes fréquentes), produits associés (3 à 6 produits en preview avec image, prix, note et disponibilité), questions fréquentes (réponses directes aux requêtes informationnelles identifiées) et conseils & astuces (contenus courts à visée pédagogique). Cette structure ne se contente plus de prédire un mot : elle anticipe un besoin et réduit l'incertitude avant même l'affichage des résultats.

La page de résultats a également été repensée en espace d'exploration guidée : mise en avant du produit correspondant à la recherche, produits connexes, informations contextuelles et assistance IA dédiée aux projets (jardin, décoration, bricolage), le tout dans un composant accordéon ouvert par défaut mais réductible pour ne pas surcharger la lecture. Sur les vignettes produit, l'information a été priorisée et hiérarchisée avec deux CTA distincts : "Acheter" en principal, "Ajouter au panier" en secondaire, pour soutenir l'intention d'achat immédiate sans multiplier les points de décision.

Enfin, les filtres ont été simplifiés via un système de tags visibles ("Nouveauté", "Prix croissant/décroissant", "Bonnes affaires"), permettant un affinage sans passer par une recherche avancée.

03

Opportunité & finalité

La refonte positionne la recherche comme un levier direct de performance commerciale plutôt qu'une simple fonctionnalité de navigation, en exploitant un trafic déjà qualifié par une forte intention d'achat. Les bénéfices attendus se déclinent sur cinq axes :

  • une expérience utilisateur optimisée (recherche plus intuitive et accès immédiat à l'information).

  • Un taux de conversion accru (transformation des recherches en opportunités d'achat via la découverte facilitée).

  • Une réduction des points de friction (moins d'étapes et d'hésitations grâce aux suggestions proactives)

  • Un engagement client renforcé (réponses immédiates aux questions, conseils pertinents).

  • Un avantage concurrentiel durable (différenciation par une fonctionnalité de recherche supérieure à celle du marché).

Méthodes

Personas & roadmap

La méthode s'est appuyée sur une analyse des types de requêtes et des intentions de recherche plutôt que sur des entretiens utilisateurs formalisés : distinction entre requêtes transactionnelles directes (nom de produit, référence), requêtes informationnelles à forte intention ("comment choisir sa tronçonneuse ?", "thermique ou électrique ?") et requêtes hybrides mêlant les deux logiques.

Cette lecture par intention a permis de définir deux objectifs d'interface complémentaires : répondre à l'intention explicite (état actuel : fonctionnel mais peu exploratoire, peu incitatif, peu marchand) et transformer la recherche en un espace de découverte guidée qui stimule la conversion et le cross-sell, sans jamais bloquer l'utilisateur pressé qui sait déjà ce qu'il cherche.

Parcours utilisateurs

Analyse & design thinking

Le parcours repensé transforme la recherche en un fil continu plutôt qu'en une succession d'étapes déconnectées. Dès la saisie, le drawer horizontal guide l'utilisateur avec des suggestions contextualisées ; une fois la recherche validée, la page de résultats prolonge cette logique en mettant en avant le produit correspondant, des produits connexes et une assistance dédiée aux projets. L'objectif : que chaque étape du parcours anticipe la suivante, au lieu de faire reposer la découverte sur la seule initiative de l'utilisateur.

Comparatif avant/après du parcours de recherche complet : barre de recherche originale (simple autocomplétion textuelle) vs. drawer horizontal multi-suggestion redesigné, puis page de résultats enrichie (accordéon, assistance IA, produits associés).

UI Design

Design d'interface

Au niveau composant, le travail s'est concentré sur la hiérarchisation de l'information et la réduction de la charge cognitive : vignettes produit épurées avec double CTA ("Acheter" en primaire, "Ajouter au panier" en secondaire), système de tags visibles pour filtrer sans recherche avancée ("Nouveauté", "Prix croissant/décroissant", "Bonnes affaires"), et composant accordéon ouvert par défaut mais réductible pour ne pas surcharger la lecture. Chaque choix vise à soutenir la décision d'achat sans multiplier les points de friction visuelle.

Wireframes & mockups

Mockups & Wireframes

Bénéfices & opportunités

La refonte transforme la recherche d'un simple champ de saisie en un levier direct de performance commerciale.

  • Côté utilisateur : un parcours plus intuitif, moins d'hésitations et un accès immédiat à l'information avant même le clic.

  • Côté business : un accélérateur de conversion sur un trafic déjà qualifié, un cross-sell anticipé dès la phase de recherche, et un moteur de fidélisation grâce aux réponses immédiates aux questions et aux conseils contextualisés. Pris ensemble, ces effets positionnent la recherche comme un différenciateur concurrentiel durable plutôt qu'une simple fonctionnalité technique.

© 2026 Cyril Fromentin — Product Designer UX/UI