La marque

Trace For Good collecte et centralise les données de fabrication des vêtements et produits textiles. En collaborant directement avec les fournisseurs et fabricants tout au long de la chaîne d’approvisionnement, la société s’assure d’obtenir des informations détaillées sur les matériaux utilisés, les processus de production, et les conditions de travail.

Grâce à ses outils numériques performants, Trace For Good intègre ces données de manière sécurisée et transparente, permettant aux marques de suivre l’évolution de chaque étape de fabrication. Ces informations sont ensuite transformées en étiquettes conformes aux exigences de la loi AGEC, offrant une transparence totale aux consommateurs et aidant les entreprises à optimiser leurs processus tout en réduisant leur empreinte écologique.

Le brief

Pour renforcer l’efficacité de la collecte de données et améliorer la collaboration avec les fournisseurs, il est essentiel de développer une plateforme intuitive et performante.

Cette plateforme doit :

• Faciliter l’accès et la saisie des données demandées par Trace For Good.

• Proposer une expérience utilisateur claire, engageante et adaptée aux besoins des fournisseurs.

• Assurer la transmission fluide et fiable des informations requises pour créer des étiquettes conformes à la loi AGEC.

Ce projet vise à transformer une tâche souvent perçue comme contraignante en une démarche simple et motivante pour toutes les parties impliquées.

Le contexte

Avec l’essor de la mode responsable et l’application de réglementations comme la loi AGEC, Trace For Good joue un rôle clé en permettant aux marques de garantir la traçabilité de leurs produits.

Cependant, la collecte d’informations auprès des fournisseurs constitue un défi. Beaucoup trouvent la démarche complexe, chronophage et manquent de clarté sur les bénéfices réels de leur contribution. Lorsqu’un client renseigne ses produits et fournisseurs sur la plateforme, un email est envoyé aux fournisseurs pour leur demander de remplir les données nécessaires. Cette étape cruciale est souvent source de frustration et de blocages.

L’objectif est de concevoir une plateforme pensée pour les fournisseurs, leur permettant de contribuer facilement tout en renforçant leur compréhension et leur engagement envers cette démarche.

DÉFINITION DE LA CIBLE, DES UTILISATEURS

(EMPATHY MAP)

La carte d’empathie est un outil clé pour comprendre les besoins, frustrations, pensées et comportements des utilisateurs. Dans ce projet, elle permet de synthétiser les retours des fournisseurs impliqués dans la collecte de données pour Trace For Good. En visualisant leurs paroles, pensées, actions et émotions, nous identifions des pistes d’amélioration concrètes pour optimiser leur expérience sur la plateforme.

Cet exercice guide notre démarche UX afin de concevoir une solution réellement adaptée à leurs attentes et contraintes.

(PERSONA)

Li Wei Zhang représente une typologie d’utilisateur clé dans le cadre de la plateforme de traçabilité que nous concevons. Ce persona a été sélectionné car il incarne un profil utilisateur récurrent parmi les fournisseurs du secteur textile, principalement situés en Asie. Ces utilisateurs sont directement impliqués dans la gestion des données de traçabilité pour les grandes marques, un enjeu crucial pour répondre aux exigences réglementaires et garantir une transparence totale.

Son rôle (responsable qualité) est directement lié à l’utilisation de la plateforme : elle collecte, organise, et soumet les informations nécessaires à la traçabilité des produits.

Son environnement de travail (Chine, usine textile) reflète les défis linguistiques et techniques propres à de nombreux fournisseurs internationaux, ce qui en fait un cas représentatif pour concevoir une solution inclusive.

Sa charge de travail et ses responsabilités mettent en lumière les besoins d’une interface intuitive et rapide, adaptée aux contraintes de temps et aux attentes élevées des marques.

(USER STORY)

En tant que responsable qualité dans une usine textile, je veux une plateforme intuitive et facile à comprendre afin de remplir rapidement et correctement les informations demandées par les marques internationales.

Cette User Story met en lumière le besoin essentiel d’un responsable qualité dans une usine textile : disposer d’un outil clair et intuitif pour gérer efficacement les données de traçabilité. Elle reflète les contraintes de temps et l’importance d’éviter les erreurs, tout en soulignant l’exigence d’une interface adaptée à des utilisateurs potentiellement confrontés à des barrières linguistiques ou techniques. Cette approche guide la conception vers une plateforme simplifiée et accessible, répondant aux attentes des utilisateurs finaux et des marques clientes.

(JOURNEY MAP)

Cette Journey Map illustre les étapes clés du parcours d’un utilisateur, ici un responsable qualité, lors de l’utilisation de la plateforme de traçabilité. Chaque étape identifie les tâches spécifiques, les émotions ressenties et les opportunités d’amélioration pour rendre l’expérience plus fluide.

Pourquoi cette map est importante : Elle met en évidence les moments de frustration (par exemple, barrière linguistique, complexité des processus) et les points de satisfaction (comme la confirmation de soumission réussie). Ces insights guident les priorités de conception.

Opportunités clés :

1. Simplifier l’accès dès le départ avec un email clair et des instructions détaillées.

2. Offrir une navigation intuitive et une recherche intelligente pour retrouver rapidement les documents nécessaires.

3. Intégrer des validations en temps réel et des messages d’aide contextuels pour minimiser les erreurs.

4. Ajouter un suivi de validation transparent pour renforcer la confiance et la satisfaction.


En structurant le parcours utilisateur de cette manière, nous identifions les points critiques à optimiser et proposons des solutions ciblées pour améliorer l’expérience globale sur la plateforme.

(PROBLEM STATEMENT)

Li Wei est une responsable qualité dans une usine textile qui a besoin d’un outil simple et intuitif pour remplir rapidement et sans erreur les données de traçabilité demandées par les marques internationales, car elle est souvent confronté à une interface complexe, des instructions peu claires et un manque de retour précis sur les données soumises.

Ce Problem Statement met en lumière les besoins et défis d’une responsable qualité comme Li Wei. Il souligne la nécessité d’un outil convivial et efficace pour gérer les données de traçabilité, tout en identifiant les points de friction : complexité des interfaces, manque de clarté des instructions, et absence de feedback précis. Ce cadre permet de guider la conception d’une solution adaptée, centrée sur la simplicité, l’accessibilité et la fiabilité, afin d’améliorer l’expérience utilisateur et la productivité.

WIREFRAMES

(WIREFRAMES VERSION 1)

Cette première version des wireframes présente une interface pensée comme un questionnaire interactif, guidant l’utilisateur à travers les étapes clés du processus de traçabilité. L’objectif était de structurer les informations de manière claire et intuitive tout en respectant un flux logique.

Nous avons imaginé cette interface sous cette forme pour tester la faisabilité et l’expérience utilisateur initiale. À l’avenir, nous envisageons de faire évoluer ce fonctionnement afin d’intégrer de nouvelles interactions et d’adapter le parcours utilisateur aux besoins spécifiques des entreprises.

  • Accueil et introduction
    La première frame est celle que voit l’utilisateur en cliquant sur le lien reçu par e-mail. Elle sert d’introduction au formulaire en expliquant brièvement son objectif et en indiquant un temps estimé pour le compléter (6 minutes). L’accent est mis sur la clarté et l’accessibilité pour encourager l’utilisateur à démarrer rapidement.

  • Renseignement des activités
    La seconde frame propose à l’utilisateur de spécifier les activités réalisées par sa société pour chaque produit. Chaque catégorie d’activité est représentée sous forme de boutons clairs et interactifs (fabrication, finition, logistique, etc.), facilitant la sélection et réduisant les risques d’erreur.

  • Sites de production
    À cette étape, l’utilisateur renseigne les lieux où se déroulent les différentes étapes de production. Un système de sélection dynamique et la possibilité d’ajouter des sites permettent une saisie rapide et flexible, tout en s’adaptant aux réalités des chaînes de production complexes.

  • Fournisseurs
    Cette frame invite l’utilisateur à identifier et renseigner uniquement les fournisseurs liés à ce produit spécifique. Les champs sont conçus pour rechercher et sélectionner facilement un fournisseur existant ou en ajouter un nouveau si nécessaire. Cette étape garantit une traçabilité complète des matières premières et des composants.

  • Récapitulatif
    Une page récapitulative synthétise toutes les informations renseignées dans le formulaire (certifications, activités, sites de production, fournisseurs). Cette vue globale permet à l’utilisateur de vérifier l’exactitude des données et de revenir facilement sur une section spécifique pour effectuer des modifications.

  • Personnalisation de l’invitation aux fournisseurs
    Enfin, l’utilisateur peut personnaliser le message destiné à ses fournisseurs pour les inviter à rejoindre la plateforme et partager leurs données. Cette étape met l’accent sur la collaboration et vise à faciliter le processus de traçabilité tout en respectant la confidentialité des échanges.

(MAQUETTE FINALE)

Les premières maquettes ont été centrées sur la structure des parcours utilisateur, avec un accent mis sur la simplification des tâches principales.

Ces wireframes ont permis d’identifier les zones de friction initiales, comme la navigation complexe ou le manque de clarté dans les instructions.


Les maquettes interactives finales incarnent l’aboutissement d’un processus de conception itératif, basé sur une compréhension approfondie des besoins des utilisateurs. Ces prototypes reflètent une interface optimisée pour offrir une expérience fluide, fonctionnelle et adaptée aux attentes des fournisseurs.

Contrairement à un simple formulaire, la maquette finale prend la forme d’une véritable plateforme. Celle-ci propose une navigation modulaire et intuitive, intégrant plusieurs fonctionnalités clés pour simplifier la gestion des données de traçabilité, tout en offrant une vision d’ensemble claire et structurée des tâches à accomplir.

[1 Client request]

Voici l’interface finale dédiée aux fournisseurs. La section présentée dans cette vidéo se divise en deux parties complémentaires : Requests et Submitted.

• Dans Requests, toutes les requêtes reçues sont centralisées.

• Dans Submitted, on retrouve l’historique des requêtes complétées et soumises.


Nous avons choisi de catégoriser les requêtes par type, plutôt que par fournisseur à l’origine de la demande. Cette décision découle des retours d’utilisateurs et des réflexions menées lors des différentes itérations. En effet, il est fréquent que plusieurs personnes interviennent pour compléter une requête, chacune apportant son expertise spécifique. En séparant les requêtes par type, chaque collaborateur peut se concentrer uniquement sur celles qu’il est en mesure de renseigner, améliorant ainsi l’efficacité et la clarté du processus.

[2 Traceability request]

Voici en détail la section dédiée au remplissage d’une requête de traçabilité pour une marque. Nous avons constaté que, dans de nombreux cas, les utilisateurs partagent les mêmes fournisseurs pour l’ensemble des produits d’un client. Pour simplifier leur démarche, nous proposons une fonctionnalité permettant de renseigner un site de production commun à tous les produits d’une marque directement depuis la requête. Cette approche optimise le processus et réduit considérablement le temps nécessaire à la saisie des informations.

[3 Suppliers requests]

Nous sommes ici dans la section Suppliers Requests de la plateforme fournisseur. Pour remonter la chaîne de production, les fournisseurs sont invités à renseigner leurs propres fournisseurs et à leur transmettre les demandes d’informations nécessaires.


Dans cette section, les utilisateurs peuvent suivre l’état d’avancement des demandes envoyées ainsi que la complétion des données par leurs fournisseurs. De plus, ils ont la possibilité de contacter ces derniers directement. Pour leur faciliter la tâche, nous proposons un message pré-écrit qu’ils peuvent copier et envoyer rapidement. Cette fonctionnalité vise à simplifier la communication et à accélérer le processus de collecte des informations.

[4 Production sites]

Dans la section Production Site, les utilisateurs peuvent gérer leurs sites de production de manière centralisée. Ils ont la possibilité de renseigner l’adresse, les coordonnées du responsable, ainsi que les certifications associées à chaque site. Cette organisation leur permet, lorsqu’ils répondent à une requête d’un client, de sélectionner rapidement et facilement les sites de production pertinents.

[5 Request traceability Version2]

Voici une version alternative de l’affichage de la section Requêtes de Traçabilité, présentée ici sous forme de vue graphique. Cette représentation permet de mieux visualiser les liens entre les différents fournisseurs, offrant ainsi une meilleure compréhension des relations dans la chaîne de production.


Nous avons également constaté que certains fournisseurs interviennent à plusieurs étapes du processus de fabrication d’un produit. Cette vue leur permet donc de suivre plus facilement l’avancement et le remplissage des données liées à leurs contributions spécifiques.


Dans cet exemple, l’utilisateur, en tant que dernier intermédiaire, connaît les informations relatives au site de production ainsi qu’à la fabrication finale et au tissage des produits. Cependant, il indique qu’il n’est pas responsable ou ne dispose pas des informations concernant la teinture de la matière. Une fois sa partie complétée, il peut transmettre la requête au fournisseur chargé de la teinture, qui pourra à son tour remplir les données manquantes.

PORTFOLIO

Valentin Majoral