À l'heure où la surconsommation et les enjeux environnementaux sont au cœur des préoccupations, nous avons vu là une occasion d'agir. Face à la quantité déjà considérable de vêtements en circulation, notre objectif est d'allonger leur durée de vie en facilitant leur réutilisation, leur recyclage et leur redistribution.
Notre objectif principal est de réduire l'empreinte carbone de l'industrie de la mode tout en offrant des vêtements abordables et accessibles à tous.
3 mois
J'étais responsable de la réalisation des études utilisateurs, de la création des parcours utilisateurs et des maquettes fonctionnelles, ainsi que de la conception globale de UX/UI de l'application.
People who care about sustainability, enjoy vintage fashion,
and often have a limited budget struggle to find affordable, unique clothing.
Many individuals who want to declutter their
wardrobes don’t have the time, tools, or motivation to sell or trade their pre-loved clothes.
Additionally, for people whose style changes frequently, their closets quickly fill with items they no longer wear creating a need for an easy and efficient way to resell or exchange clothing.
Pour mieux comprendre les besoins des utilisateurs, j’ai mené des entretiens avec un groupe diversifié de personnes intéressées par la durabilité et la mode de seconde main. Ces échanges m’ont permis de révéler non seulement les motivations et les points de frustration principaux des utilisateurs, mais aussi les concurrents directs et indirects sur le marché.
Les entretiens ont joué un rôle crucial dans la création de personas réalistes et ciblés, en mettant en lumière les attitudes des personnes envers la mode durable, leurs habitudes d’achat et les obstacles qu’elles rencontrent lorsqu’elles essaient de vendre ou d’échanger des vêtements.
Pour mieux comprendre l’expérience utilisateur et ses points de frustration, j’ai créé une carte de parcours détaillée basée sur un scénario type : une personne souhaitant désencombrer son dressing et utiliser Re:Wear pour échanger ou vendre des vêtements. La carte décrit chaque étape de l’interaction de l’utilisateur de la découverte de l’application jusqu’à la finalisation de la transaction.
Cela a permis de mettre en évidence les moments émotionnellement forts et faibles, les points de friction, ainsi que les opportunités d’amélioration du parcours. Par exemple, j’ai remarqué que les utilisateurs se sentent souvent dépassés lors des négociations, j’ai donc simplifié le processus en proposant directement l’option d’échange ou en intégrant des propositions de prix prédéfinies.
Pour mieux comprendre mes utilisateurs et identifier les principales opportunités de design, j’ai créé une carte « How Might We » (HMW) basée sur les besoins, frustrations et comportements des utilisateurs. J’ai identifié trois types principaux d’utilisateurs :
- Les personnes soucieuses de durabilité et passionnées par la mode vintage, mais qui disposent souvent d’un budget limité.
- Les personnes souhaitant vendre leurs anciens vêtements, mais se sentant dépassées par le désordre et n’ayant pas le temps de mettre les articles en ligne.
-Les personnes qui changent fréquemment de style et veulent rapidement faire de la place dans leur dressing.
L’une des étapes les plus importantes du processus UX est le benchmarking. J’ai réalisé une analyse approfondie des applications concurrentes afin d’évaluer leurs fonctionnalités, leurs user flows et l’expérience globale. Mes trois principales références étaient Vinted, Depop et ThredUp.
Cette recherche m’a permis d’identifier les fonctionnalités essentielles à inclure, ainsi que des opportunités d’amélioration.Par exemple, Re:Wear introduit une fonctionnalité unique d’échange qui n’existe sur aucune de ces plateformes, ce qui la distingue de la concurrence.
Avant de passer à la conception détaillée, j’ai créé un user flow afin de comprendre comment les utilisateurs navigueraient naturellement dans Re:Wear. L’objectif était de rendre l’expérience simple, intuitive et motivante, tout en encourageant les utilisateurs à donner une seconde vie à leurs vêtements et à découvrir facilement de nouvelles pièces de seconde main.
J’ai d’abord identifié les actions clés de l’utilisateur : se connecter, parcourir les articles, vendre, échanger ou troquer, puis gérer le paiement et la livraison. Cartographier visuellement ces étapes m’a permis de définir comment chaque écran se relie au suivant, en veillant à éliminer les impasses et à éviter toute transition confuse.
Pour mieux comprendre la valeur que Re:Wear pourrait apporter à ses utilisateurs et à la planète, j’ai créé une impact map dès le début du processus de conception. Cet outil m’a permis de relier les objectifs de l’application aux comportements des utilisateurs, aux fonctionnalités potentielles et aux résultats significatifs qu’ils pourraient générer.
Pour mieux comprendre les besoins, les motivations et les habitudes des utilisateurs de vêtements de seconde main, j’ai mené une série d’entretiens avec des personnes qui achètent ou vendent régulièrement des articles pré-aimés. Ces échanges m’ont aidée à identifier à la fois les points forts des plateformes existantes et les manques que Re:Wear pourrait combler. Une remarque récurrente des participants était : « il y a déjà Vinted », ce qui a souligné l’importance de concevoir une plateforme qui ne se contente pas de reproduire ce qui existe déjà.
Au contraire, cette phase de recherche m’a poussée à imaginer des fonctionnalités uniques, utiles et réellement pertinentes, notamment sur le plan de la durabilité.
L’une des idées qui a émergé très clairement est la fonctionnalité d’échange. Plusieurs utilisateurs ont exprimé leur intérêt pour le fait d’échanger des vêtements plutôt que d’acheter ou de vendre, décrivant cela comme plus économique, plus amusant et plus respectueux de l’environnement. Cela a validé l’idée de placer l’échange au centre de Re:Wear, pour en faire une expérience circulaire plutôt qu’une plateforme purement commerciale. Les entretiens ont également révélé plusieurs points de frustration liés aux applications actuelles de seconde main : communication lente, délais d’expédition longs, quantité massive d’annonces pouvant être écrasante, et manque général de confiance entre utilisateurs. Beaucoup ont aussi exprimé le souhait d’une plateforme plus simple, plus calme, plus locale, et facilitant la consultation et la mise en ligne d’articles.
À partir de ces enseignements, plusieurs opportunités se sont dégagées :
- Créer un processus de mise en ligne plus fluide en trois étapes
- Encourager les échanges locaux et écoresponsables
- Améliorer la clarté grâce à une UI minimale et accessible
- Soutenir la durabilité via des informations d’impact facultatives
- Construire un environnement centré sur la communauté plutôt qu’un simple marché
Dans l’ensemble, la phase de recherche a façonné Re:Wear comme une plateforme axée sur la simplicité, la confiance, la durabilité et des interactions plus significatives. Elle a permis de garantir que chaque décision de design repose sur de vrais besoins utilisateurs plutôt que sur des suppositions.
Les wireframes sont une étape essentielle du processus de conception UX et UI. À ce stade, j’ai exploré à la fois des wireframes dessinés à la main et des versions numériques pour visualiser la structure principale de l’application.
Cette étape a été clé pour définir le user flow, la hiérarchie et l’accessibilité avant de passer au design haute fidélité. Travailler sur papier comme à l’écran m’a permis de tester rapidement des idées et d’ajuster les mises en page avec flexibilité.
Comme Re:Wear a été développé dans le cadre d’un cours en ligne de UX/UI, partager et discuter des wireframes avec d’autres apprenants a été une excellente opportunité d’obtenir des retours et de collaborer. Ces échanges m’ont aidée à affiner la navigation, améliorer l’utilisabilité et garantir que l’interface soit inclusive et intuitive pour tous les utilisateurs.
Après avoir affiné la structure grâce aux wireframes et aux user flows, je suis passée à la conception UI haute fidélité pour Rewear. À ce stade, mon objectif était de traduire la mission durable de l’application en une identité visuelle propre, moderne et intuitive, facilitant une mode circulaire fluide. Je me suis concentrée sur la création d’une interface à la fois minimale, audacieuse et facile à naviguer.
La palette de couleurs repose sur une combinaison contemporaine de vert, violet, blanc et noir, donnant à l’application une esthétique fraîche et futuriste. Le vert met en avant les actions clés, le violet apporte de la personnalité et du contraste, le blanc assure la clarté des mises en page, et le noir donne de la structure et de la profondeur. La typographie est simple et très lisible, renforçant la hiérarchie et la clarté sur les écrans de navigation, de filtrage et d’ajout de produits.
Les écrans vides utilisent de petites illustrations douces et amicales qui reflètent l’esprit visuel de l’application. Ces dessins renforcent l’idée que l’app est accueillante, facile à utiliser et adaptée à tous. Que le dressing soit vide, que l’inventaire ne contienne encore aucun article ou qu’aucune vente n’ait été réalisée, chaque empty state transmet un message positif et encourageant.
L’objectif est de guider sans frustrer. Grâce à cette combinaison de minimalisme et d’illustrations charmantes, les écrans vides gardent l’utilisateur engagé et confiant.
Un défi majeur a été de trouver l’équilibre entre esthétique et utilisabilité. Comme de nombreux utilisateurs trouvent les plateformes de seconde main trop chargées ou désordonnées, j’ai volontairement conçu une mise en page légère, aérée et structurée. Les cartes produits, les boutons et les éléments de navigation ont été pensés selon un système cohérent d’espacements, d’icônes et de micro-interactions afin de garantir une harmonie visuelle dans toute l’application.
La fonctionnalité d’échange validé a également influencé l’interface. J’ai conçu un parcours dédié à l’échange qui soit rapide et convivial, guidant les utilisateurs à travers des étapes claires pour proposer ou accepter un swap. Des animations subtiles et des transitions fluides rendent l’expérience plus dynamique et personnalisée.
La landing page sert d’extension simple et informative à l’application, créée dans le cadre d’un projet pendant la formation UX/UI. Son rôle est d’introduire le concept, de présenter la vision de l’équipe et d’expliquer les valeurs du projet.
Pour le site web, j’ai réalisé une série de wireframes simples afin de définir la structure et la navigation avant de passer à la conception visuelle. L’objectif était de clarifier l’organisation des sections. À propos, Notre équipe, Nos valeurs, Travailler avec nous, Tutoriels et de construire un parcours fluide et lisible. Ces wireframes ont permis d’établir la hiérarchie et le flux du site, assurant une expérience cohérente et intuitive.
La page d’accueil reste propre, minimaliste et parfaitement alignée avec l’identité visuelle de l’application.
Le site comprend des sections comme À propos, Notre équipe, Nos valeurs, Travailler avec nous, ainsi qu’une section Tutoriels qui aide les utilisateurs à comprendre certaines fonctionnalités.
