L’application Leroy Merlin

 Paris, France

Leroy Merlin

Création d'une Navigation intuitive pour l'application Leroy Merlin : une navigation personnalisée selon les Expériences Utilisateurs

👩🏽‍💻 Plateformes

IOS, Android

🕵🏽‍♀️ Rôles

UX/UI designer

🖌 Outils

Figma

🔗 Link

Website

L’expérience utilisateur (UX) est la pierre angulaire de toute conception réussie. En tant que product designer chez Leroy Merlin, j’ai récemment eu l’opportunité excitante de travailler un projet visant à repenser entièrement la navigation de leur application. C’est une initiative importante car l’usage de l’application diffère significativement de celui du site web. 

En effet, les utilisateurs interagissent avec l’application dans des contextes et des environnements variés, souvent avec des objectifs et des besoins spécifiques, nécessitant ainsi une approche de conception distincte et personnalisée.

Comprendre les besoins des utilisateurs de l'application

L’un des défis majeurs auxquels nous avons été confrontés dès le début du projet était le manque de data sur les utilisateurs des applications. Contrairement au site web, où nous disposions d’un ensemble de données relativement riche, les informations sur les comportements et les préférences des utilisateurs de l’application étaient limitées. Cette lacune nous a obligés à adopter une approche plus proactive et à mener des recherches sur les utilisateurs de l’applications, afin de mieux comprendre leurs besoins, leurs attentes et leurs habitudes d’utilisation.

Nous avons mené des entretiens approfondis avec les utilisateurs de l’application dans différents pays pour obtenir des insights précieux sur leurs parcours d’utilisation, leurs défis et leurs points de friction. Ces recherches ont été essentielles pour orienter notre processus de conception et garantir que la nouvelle navigation de l’application répondrait aux besoins diversifiés de nos utilisateurs.

Ateliers de co-conception multi-Business Unit

Une fois que nous avons obtenu une compréhension solide des utilisateurs et de leurs besoins, nous avons organisé des ateliers de co-conception avec toutes les Business Unit étrangères Leroy Merlin (Portugal, Espagne, Italie et France). L’objectif de ces workshops était de développer une vision commune pour la nouvelle navigation de l’application, tout en tenant compte des spécificités de chaque marché.

Ces ateliers ont été une occasion précieuse de réunir des perspectives diverses et de tirer parti des connaissances de chacun pour répondre aux enjeux, business et utilisateurs. Nous avons utilisé des méthodes de conception participative pour encourager la collaboration et la créativité, tout en gardant à l’esprit les objectifs commerciaux et les contraintes techniques.

Tests Utilisateurs - Interviews

En parallèle des ateliers de co-conception, nous avons réalisé des tests utilisateurs pour valider nos concepts et affiner nos solutions. Ces tests ont permis de recueillir des commentaires spécifiques sur chaque piste de navigation que nous avions développés, en nous aidant à identifier les points forts et les points faibles de chaque approche.

Les interviews réalisées dans le cadre de ces tests utilisateurs ont été précieuses pour comprendre en profondeur les réactions et les préférences des utilisateurs. Nous avons utilisé ces insights pour orienter nos décisions de conception et faire en sorte que la nouvelle navigation de l’application réponde au mieux aux besoins et aux attentes des utilisateurs.

Valorisation et développement de fonctionnalités

Un challenge important de ce projet était d’enrichir l’expérience utilisateur en mettant en avant de nouvelles fonctionnalités et en repensant les interactions.

Parmi ces innovations, le mode magasin est une fonctionnalité qui se démarque. Ce mode permet aux utilisateurs d’avoir une expérience adaptée lorsqu’ils se trouve dans les rayons de leur magasin Leroy Merlin.

Outre le mode magasin, nous avons également mis en avant d’autres fonctionnalités moins connues mais tout aussi importantes. Nous avons repensé la navigation pour rendre l’accès aux différentes catégories de produits plus fluide et accessible, permettant aux utilisateurs de trouver ce qu’ils cherchent plus rapidement et plus facilement.

De la conception au delivery

Grâce à une collaboration étroite entre dev, designer et métiers, nous avons pu livrer une nouvelle navigation pour l’application Leroy Merlin qui répond aux besoins des utilisateurs tout en renforçant la marque de l’entreprise. Nous avons également mis en place des mécanismes de suivi et d’analyse pour mesurer l’impact de ces changements et continuer à améliorer l’expérience utilisateur au fil du temps.

Une conception collaborative et axée sur l'utilisateur

La conception de la nouvelle navigation de l’application Leroy Merlin a été un projet passionnant, gratifiant, et marqué par des défis uniques. En mettant l’accent sur la recherche utilisateur, les ateliers de co-conception et les tests utilisateurs, nous avons réussi à créer une expérience utilisateur véritablement globale et centrée sur l’utilisateur. Ce projet illustre l’importance de comprendre les besoins des utilisateurs dans des contextes variés et de collaborer de manière efficace pour créer des produits qui répondent véritablement à leurs besoins.

En savoir plus sur mes travaux

Otto vélo

Otto vélo

Conception et design du site Otto Vélo, un moyen pour…

Melijoe

Melijoe

Intégration des newsletters.

Cashallo

Cashallo

Conception et design de Cashallo. Site & application d’achats responsables.

Face à l’inceste

Face à l’inceste

Projet finaliste de la Compétition Grande Cause pour l’association Face…

Anouska Dalila © – Tous droits réservés

Leroy Merlin (Adeo)

Leroy Merlin

Concevoir des expériences cohérentes et impactantes sur tous les appareils

👩🏽‍💻 Plateformes

Web, IOS, Android

🕵🏽‍♀️ Rôles

Product designer

🖌 Outils

Figma, ContentSquare, PIANO, PowerBI, Maze

🔗 Link

Website

Améliorer l'Expérience Utilisateur à travers la Navigation et les Hubs chez Leroy Merlin

Une part significative de mon travail a été consacrée à transformer l’expérience utilisateur à travers la navigation dans le header et les hubs de la plateforme en ligne. Ma mission consistait à concevoir des interfaces intuitives et esthétiques qui offrent une expérience fluide et engageante à chaque visiteur, en facilitant la découverte des produits et services offerts par l’entreprise.

La vision Leroy Merlin

Avant toute chose redéfinir la vision Leroy Merlin en mettant l’accent sur les besoins des utilisateurs.  Nous avons organisé un atelier réunissant les équipes business, métier et design des Business Units France, Italie, Portugal et Espagne.

Ce moment a marqué le début d’une démarche collaborative axée sur une écoute attentive des utilisateurs. Nous avons formulé une stratégie e-commerce qui vise à répondre de manière précise et efficace aux besoins et aux attentes de la clientèle diversifiée. 

Passer d’une plateforme généraliste qui vend des produits et des services à
une plateforme multi-spécialiste de logement positif et durable

Objectifs

Objectifs business

      • Augmenter le taux de conversion des visiteurs en clients.
      • Faciliter la découverte des produits et des offres.
      • Optimiser la navigation pour les différents appareils et résolutions d’écran.

Objectifs UX

      • Améliorer la clarté et la simplicité de la navigation pour une expérience utilisateur plus fluide.
      • Accroître l’accessibilité du site web pour répondre aux besoins de tous les utilisateurs.
      • Renforcer l’engagement des utilisateurs en proposant des fonctionnalités interactives et des contenus attrayants.
      • Optimiser les performances du site pour réduire les temps de chargement.

Optimisation de la navigation : le Header

Repenser la navigation dans le header afin de garantir une expérience utilisateur plus intuitive et efficiente, simplifier la structure de navigation, mettre en avant les catégories les plus pertinentes et rendre les outils de recherche plus accessibles. En collaborant étroitement avec les équipes de développement et les métiers, nous avons conçu des solutions permettant aux utilisateurs de trouver rapidement ce qu’ils recherchaient sans confusion, tout en proposant du contenu pour les aider à explorer davantage.

Navigation menu, 2023

Amélioration des Hubs

Les hubs représentaient un autre volet essentiel de mon travail. Ces pages jouent un rôle important dans la présentation des produits et des offres de Leroy Merlin, en offrant aux utilisateurs une expérience immersive et inspirante. J’ai travaillés sur la conception de hubs conviviaux, mettant en avant les produits phares, les promotions et les guides pratiques, tout en accompagnant les utilisateurs dans leurs projets.

De plus, j’ai travaillé activement sur l’élaboration de nouveaux composants pour le design system, comblant ainsi les lacunes détectées par l’analyse des données et les recherches utilisateurs, afin de répondre de manière plus efficace aux besoins de notre public.

Et le Design System ?

En partenariat avec l’équipe en charge du Design System, j’ai participé à l’élaboration de nouveaux éléments pour répondre aux besoins éclairés par les datas PIANO, Analytics, Contentsquare et les recherches utilisateurs dans le but d’améliorer l’expérience client et de mieux répondre à leurs attentes.

Hubs et industrialisation des composants

Tests et itérations continus :

L’optimisation de la navigation dans le header et les hubs était un processus itératif, basé sur des ateliers, tests utilisateur et des itérations constantes. J’ai coordonné des sessions de test pour recueillir des feedbacks précieux, qui ont été utilisés pour affiner et améliorer nos conceptions. Chaque nouvelle version de l’interface était le fruit d’une collaboration étroite avec les utilisateurs, garantissant ainsi qu’elle répondait efficacement à leurs besoins et à leurs attentes.

Résultats et impact

Grâce à nos efforts pour améliorer la navigation dans le header et les hubs, nous avons observé une augmentation significative de l’engagement des utilisateurs, ainsi qu’une amélioration des indicateurs de performance clés tels que le taux de conversion et le temps passé sur le site. Ces résultats témoignent de l’impact positif de notre travail sur l’expérience globale des utilisateurs chez Leroy Merlin.

Data centric, User centric et Design System compliant

Mon expérience a été caractérisée par une approche data et user centric et qui mettait en avant l’adaptabilité à tous les appareils, desktop, tablet, mobile ou APP tout en soulignant l’importance du design system. En travaillant sur divers projets, notre objectif était de garantir que les conceptions offrent une expérience fluide, quel que soit la résolution de l’appareil utilisé par nos utilisateurs.

Le DS nous a permis de créer des composants réutilisables et modulaires, facilitant ainsi le processus de conception et garantissant une expérience utilisateur homogène à travers toutes les plateformes et tous les appareils.

Par ailleurs, l’analyse de la data a été cruciale pour notre processus décisionnel. En analysant les tendances d’utilisation, les retours des utilisateurs et les performances des fonctionnalités existantes, nous avons pu orienter nos choix de conception de manière informée et itérer rapidement pour toujours améliorer l’expérience utilisateur.

Enfin, notre approche centrée sur l’utilisateur a été l’élément clé de notre méthodologie. En plaçant constamment les besoins, les préférences et les comportements des utilisateurs au centre de nos réflexions, nous avons pu créer des expériences qui répondent aux attentes des clients, tout en maintenant la cohérence et la qualité grâce au design system. Cette approche intégrée a permis de développer des produits digitaux riches et engageants, contribuant ainsi à renforcer la satisfaction et la fidélité des utilisateurs.

Je suis fière d’avoir contribué à ces projets et je suis enthousiaste à l’idée de continuer à repenser une conception UX/UI optimale dans mes futurs projets professionnels. 🤩

En savoir plus sur mes travaux

Otto vélo

Otto vélo

Conception et design du site Otto Vélo, un moyen pour…

Melijoe

Melijoe

Intégration des newsletters.

Cashallo

Cashallo

Conception et design de Cashallo. Site & application d’achats responsables.

Face à l’inceste

Face à l’inceste

Projet finaliste de la Compétition Grande Cause pour l’association Face…

Anouska Dalila © – Tous droits réservés

Otto vélo

Comment convertir durablement les franciliens à la pratique du vélo ?

Identification des problèmes

1. Études du marché
Recherches sur les tendances et les bonnes pratiques, benchmark UX

2. Écoute et observation des utilisateurs

– Analyser et comprendre le comportement des cyclistes grandeur nature

– Interview utilisateurs : Questionnaire quantitative et qualitatives à destination des franciliens (cycliste ou non cycliste afin de déterminer les freins et les opportunités liés à la pratique du vélo)

3. Analyses des données recueillies

Design thinking

Empathy
empathy map, interviews, shadowing

Define
persona, user journey

Ideate
brainstorms, workshops, priorisation fonctionnelles

Prototype
user stories, wireframes, maquettes, itérations

Test
itérations

"Je sens qu'à un moment ou un autre de ma vie j'aurai rendez-vous avec une portière de voiture"

En croisant les observations terrain et les entretiens utilisateurs, nous avons créé un persona et son parcours en prenant en compte ses réels besoins.

Dans la préparation de son trajet, nous observons que Asma est systématiquement angoissée lorsqu’elle se déplace à vélo.

User problems

  • a peur à vélo dans Paris
  • utilise le vélo de manière occasionnelle
  • se trouve trop proche des autres usagers de la route
  • n’est pas confortable sur sa selle et connaît mal son trajet
  • n’a pas les codes du cycliste en ville

Comment redonner confiance aux franciliens à vélo ?

Comment amener les franciliens
à faire du vélo dans Paris ?

Notre solution : Otto vélo

  • Otto Vélo propose des formations/stages sur terrain de conduite à vélo adaptés à tous en fonction du niveau.
  • Otto vélo met à disposition des vélos et équipement le tout supervisé par un moniteur de vélo expert.
  • Les stages portent aussi bien sur la pratique que la théorie en passant par une phase de conseil. L’idée est de créer une communauté autour du vélo pour partager son expérience et les bonnes pratiques.

Priorisation fonctionnelle

01. fonctionnalités physiques

  • Catalogue des stages
  • Onboarding : accueil des stagiaires
  • Remise à niveau du code de la route : méthodes pédagogiques et amusantes 
  • Apprentissage des codes entre cyclistes 
  • Apprentissage de la mécanique – « kit de survie »
  • Découvrir Paris autrement
  • Rencontrer des cyclistes
  • Participer à des évènements vélo 
  • Louer des vélos & équipements 
  • Test/quizz final pour vérifier ses acquis 
  • Obtention d’une certification “cycliste safe” après le stage 
  • Rentrer en contact avec un réseau experts du vélo qui connaissent paris et tous ses recoins 
  • Obtention d’un guide des best practices – résumé du cours théorique

02. fonctionnalités Citymapper

(collaboration avec l’application de transport Citymapper)

  • Sponsorisation de la page d’accueil avec encart et lien vers le site et du formulaire d’inscription
  • Géolocalisation /Reprendre l’API de la map 
  • Ajout de la fonctionnalité “Parcours Otto Vélo
  • Rechercher des itinéraires 
  • Filtrer son parcours pour éviter d’être confronté à ses peurs : Type de parcours voulus (rapide, sécurisé ou découverte/balade)
  • Précision du dénivelé
  • Localisation des stations Velib’ et disponibilités des vélos
  • Ajout d’un chat pour commenter en direct le parcours
  • Notifier les préférences d’aménagement de parcours (carrefour, piste cyclable, sens interdit)
  • Notifier les lieux culturelles / historiques / à voir sur le parcours
  • Ajouter un parcours préféré, préciser le parcours “maison-boulot”
  • Historique et récapitulatif des km, du temps parcouru, des trajets effectués

Solution digitale

Landing page qui a pour objectifs  de découvrir les stages et de s’inscrire rapidement à une formation

Méthode MOSCOW

User story

« Je veux m’inscrire à une formation pour être en sécurité à vélo. »

Arborescence / User flow/ Wireframe

Comment Otto vélo peut convertir durablement les franciliens à la pratique du vélo ?

01. Avant

Les franciliens sont trop dépendants des transports en commun et aimeraient avoir une alternative libre et responsable.
La circulation parisienne est dangereuse malgré les aménagements.
Pour les cyclistes débutants, le vélo n’est pas synonyme de plaisir et ils ne connaissent pas les « codes » du vélo dans Paris

02. Pendant

Sensibiliser au concept des stages ludiques, provoquer son intérêt sur les formations et inciter à l’achat.
Mise en avant des events et des activités proposées par Otto vélo.
Partenariat avec Citymapper.

03. Après

Une fois la formation consumée, les utilisateurs en ressortent avec de la confiance et des conseils d’experts. Les alumni restent en contact avec les novices via la page évènements Facebook.
À leurs tours de donner des conseils, des retours, et de l’assurance aux novices.
Il y a la possibilité de faire des trajets ensemble, et de créer des liens durables.

MVP (minimum viable product)

Une nouvelle façon de conduire à Paris 
Découverte de toutes les formations à vélo (de la plus classique à la plus ludique).
Planification et réservation d’une formation rapidement et simplement.

Un projet en cours ?

Faites moi signe !
Il vous suffit de me contacter.

Je mettrai ma passion, ma créativité et mes connaissances acquises en œuvre pour avoir un rendu qui vous satisfera.

Le projet fini, il ne reste plus qu’à célébrer !

    Créative et passionnée, je mènerai à bien les projets qu’on me confiera.
    Avec un design simpliste et percutant, mon but premier est de permettre une expérience optimale.

    — Make it simple but significant

    Anouska Dalila © – Tous droits réservés