Refonte UI – WeDressFair (E-commerce éthique) Contexte du projet Objectif : Repenser l’interface de WeDressFair pour renforcer son identité éco-responsable tout en optimisant le parcours d’achat (de la page d’accueil à la page catalogue). Secteur : Mode éthique / E-commerce. Mon Rôle : UI/UX Designer. Durée : 3 jours Périmètre : Conception de la Homepage, de la page Liste de Produits (PLP) et de la page Mission. Audit & Problèmes (Hypothèses de départ) Identité visuelle : Besoin d’ancrer davantage le design dans les valeurs écologiques avec une palette de couleurs plus forte et engageante. Navigation : Nécessité de séparer clairement les parcours « Homme » et « Femme » dès le premier coup d’œil (Hero banner). Storytelling : Les valeurs de la marque (Transparence, Équité, Éco-responsabilité) devaient être plus visibles dès la page d’accueil pour rassurer le consommateur éthique. Personnalité du design Persona 1 – Sophie, 28 ans : Cherche des produits bio, frustrée par le manque de transparence sur les ingrédients. Persona 2 – Marc, 35 ans : Achète des cadeaux, abandonne le site si les délais de livraison ne sont pas visibles immédiatement. Benchmark concurrentiel : Analyse des bonnes pratiques chez Lome, boohoo Recherche Utilisateur Persona 1 – Sophie, 28 ans : Cherche des produits bio, frustrée par le manque de transparence sur les ingrédients. Persona 2 – Marc, 35 ans : Achète des cadeaux, abandonne le site si les délais de livraison ne sont pas visibles immédiatement. Benchmark concurrentiel : Analyse des bonnes pratiques chez Lome, boohoo Process UX Arborescence : Simplification des catégories pour réduire la charge cognitive et le nombre de clics. User Flow : Création d’un parcours utilisateur linéaire et sans distraction, centré sur l’ajout au panier et le paiement rapide. Direction UI Couleurs : Palette minimaliste (tons neutres et organiques) avec une couleur d’accentuation forte pour guider l’œil vers les actions clés. Typographie : Utilisation des typo adaptés pour l’élégance des titres, et pour une lisibilité parfaite des descriptions produits. Composants : Création d’un mini Design System garantissant la cohérence des états (Hover, Active, Error). Resultat Ce que j’ai appris Difficultés rencontrées : Trouver le bon équilibre entre un design épuré et la nécessité d’afficher beaucoup d’informations légales sur les produits cosmétiques. Ce que je ferais différemment : Intégrer des tests utilisateurs plus tôt dans la phase de wireframing (Low-Fi) pour valider l’arborescence plus rapidement. Compétences développées : Création de composants interactifs complexes et prototypage avancé sur Figma. Mon porfolio All Vidéos Site web Photos rÉSEAU SOCIAUX UX UI DESIGN Vidéo interview portrait bonjour Station numix Participation à la création du site station numix DCC Refonte du site de la DCC. Refonte Tinder Refonte du site Tinder Gallery Item Name Lorem ipsum dolor sit amet, consectetur adipisicing elit. En fait, ils fournissent. Gallery Item Name Lorem ipsum dolor sit amet, consectetur adipisicing elit. En fait, ils fournissent. Load More