Analyse UX & axes de refonte responsable du site TEMU

L’objectif de ce projet était d’analyser l’expérience utilisateur de la plateforme TEMU afin d’identifier les pratiques impactant l’éthique, l’accessibilité, l’inclusivité et la durabilité numérique.
L’enjeu principal consistait à comprendre comment certains choix d’interface, tels que les dark patterns ou la surcharge cognitive, influencent le comportement des utilisateurs et affectent leur confiance.

D’un point de vue business, cette analyse visait à démontrer qu’une expérience plus responsable peut rester performante tout en améliorant l’image de marque et la fidélisation.
Le travail a abouti à une analyse des bonnes et mauvaises pratiques, une étude de l’expérience mobile, ainsi qu’à la définition de quatre axes de refonte : accessibilité, inclusivité, éthique et éco-conception.
Des recommandations UX concrètes ont été formulées pour concilier performance et respect de l’utilisateur.

Ce projet propose une vision critique d’une refonte orientée design responsable, en plaçant l’utilisateur au cœur des décisions tout en tenant compte des enjeux business.

Travail : En groupe
Matière : Conception Technique & Créativ [CA]

Logiciel utilisé :

Maquette interactif version ordinateur et mobile :

Recherche & impact business

Cette phase de recherche visait à démontrer que le design responsable (accessibilité, éthique, inclusivité et éco-conception) génère des bénéfices business mesurables.
Les études analysées montrent qu’une meilleure accessibilité et UX permet d’augmenter les conversions (jusqu’à +38 % dans certains cas), tout en réduisant les coûts de support et les risques juridiques.
L’éco-conception contribue également à diminuer les coûts techniques et énergétiques, avec des aides publiques pouvant couvrir 15 à 60 % des investissements.
Enfin, les consommateurs privilégient de plus en plus les marques engagées, renforçant la fidélité, le panier moyen et l’image de marque.

Design systeme :

Un mini design system a été mis en place afin de structurer l’interface de manière scalable et maintenable.
Il repose sur l’utilisation de design tokens et de variables Figma pour la gestion des couleurs, des typographies et des espacements, ainsi que sur un ensemble de composants réutilisables déclinés en variantes.
Dans une logique d’accessibilité, les teintes de couleurs ont été ajustées afin de respecter les normes WCAG, notamment en termes de contrastes.
Cette architecture permet d’activer facilement plusieurs thèmes visuels, incluant des modes adaptés aux différents types de daltonisme ainsi qu’un dark mode, tout en garantissant une interface cohérente, inclusive et durable.