Refonte UX - Module de campagnes
Client
Decathlon
Collaboration
PM, Équipe marketing
Rôle
UX designer freelance
Secteur
e-commerce - sport
Conception et redesign d’un outil interne de monitoring des campagnes publicitaires, destiné aux équipes marketing interne Décathlon. L’outil, intégré à Salesforce, permet de suivre les campagnes, générer des analyses et mesurer la performance à travers différents indicateurs.
Objectifs
refonte du parcours utilisateur et conception de l’interface en respectant le design system du groupe Vitamin.
Challenges
Comprendre rapidement les besoins métier et le jargon spécifique des utilisateurs. Reprendre et redesigner des composants existants.
Étapes du projet
1
Prise de brief &
cadrage
Réunion avec le Product Manager et le Chef de projet marketing pour définir les objectifs, comprendre les besoins fonctionnels et le périmètre du projet.
2
Entretiens
utilisateurs
Conduite d’entretiens avec l’équipe marketing digitale (utilisateurs finaux) afin d’analyser leurs usages actuels et identifier leurs besoins et pain points.
3
User flows et wireframes
Cartographie des parcours utilisateurs et création de wireframes low-fidelity pour valider la structure et l’architecture de l’information avec le client.
4
Ateliers
de co-conception
Conception des interfaces en haute fidélité, respectant le design system existant, et livraison d’un UI Kit complet pour faciliter l’implémentation par les développeurs.
Améliorations Globales
Wording unifié : constat d’écarts de vocabulaire entre l’outil, les appellations des utilisateurs et celles de Salesforce. Une harmonisation du wording a été effectuée pour faciliter la compréhension et aligner les usages.
Navigation optimisée : retravail des squelettes de pages et des parcours de navigation pour plus de clarté et de cohérence.
Accessibilité renforcée : amélioration de l’accessibilité des boutons d’action et des titres de pages, pour un repérage et une utilisation plus efficaces.
UI homogène : mise à jour de l’interface afin de respecter pleinement le design system Vitamin, garantissant une expérience visuelle cohérente et professionnelle
1 - Liste des campagnes
Avant
Après
Accès facilité aux filtres : les filtres du tableau sont désormais plus visibles et accessibles, permettant aux utilisateurs de gagner du temps dans la recherche de campagnes.
Informations simplifiées : le tableau affiche uniquement les données essentielles. Le statut des campagnes a été retiré, car il n’apportait pas de valeur : seules les campagnes actives étant intégrées dans l’outil, l’information devenait redondante.
Performance améliorée : la mise en place d’une pagination permet de charger plus rapidement les données, rendant la navigation fluide même en présence d’un grand volume de campagnes.
2 - Page de détail d’une campagne
Avant
Après
Meilleure lisibilité des contenus : possibilité d’afficher les contenus d’une campagne soit sous forme de tiles, soit sous forme de liste.
Vue liste uniformisée : transformation de la vue liste en tableau pour garantir une cohérence avec le reste de l’interface, tout en intégrant des informations supplémentaires utiles aux utilisateurs.
Parcours simplifié : remplacement du système de prévisualisation en accordéon par l’ouverture directe de la page de détail dans un nouvel onglet, afin de rendre la navigation plus claire et plus fluide.
Action rapide : ajout de la possibilité de modifier directement un contenu depuis cette page, réduisant le nombre d’étapes nécessaires.
3 - Page de détail d’un content
Avant
Après
Réorganisation de l’information : application du principe de proximité et regroupement logique des éléments, afin de mettre en avant les informations essentielles et de respecter le parcours mental de l’utilisateur.
Ajout d’informations clés : certaines données manquantes, comme la source du fichier, ont été intégrées pour mieux répondre aux besoins des utilisateurs.
Adaptation de l’UI : ajustements visuels pour une meilleure clarté et cohérence avec le reste de l’interface.
Ajout d’une Action rapide : possibilité d’accéder directement à Salesforce depuis la page, réduisant les étapes dans le parcours.
4 - Formulaire de création d’un contenu
Page dédiée : la création d’un nouveau contenu se fait sur une page spécifique, offrant un parcours compréhensible, structuré et accessible.
Réorganisation des champs : les champs obligatoires sont positionnés en premier, car ils conditionnent l’affichage ou la pertinence des champs suivants. L’ordre respecte ainsi une logique descendante d’importance et de dépendance, garantissant un parcours fluide et cohérent.
Regroupement cohérent : application du principe de proximité et catégorisation des champs similaires pour une meilleure compréhension.
Disposition verticale : présentation verticale favorisant la lisibilité et l’accessibilité, notamment sur écran.
Mise en évidence des champs obligatoires : clarification du parcours en distinguant clairement les informations essentielles.
Action rapide : ajout d’une fonctionnalité permettant de créer directement une nouvelle campagne dans Salesforce depuis le formulaire
Avant
Après
