Site e-commerce Margile

Projet de certification UX/UI • 2025

Une marque artisanale qui célèbre la douceur et la simplicité à travers des créations en argile autodurcissante. Chaque pièce est unique, façonnée à la main puis peinte dans une harmonie de teintes naturelles : vert sauge, taupe et vieux rose.

Rôle : UX researche • UX/UI design • Identité visuelle

Contexte

Projet fictif réalisé dans le cadre de la certification Designer UI/UX de Digital Pop.  Objectif : créer la première expérience digitale d’une marque artisanale. Exercice complet permettant d’appliquer une démarche UX/UI réelle (recherche, idéation, wireframes, UI)

Problème

Concevoir une expérience pensée depuis zéro, sans architecture préalable, pour une marque artisanale inexistante : aucun univers, aucune cible définie, aucun parcours établi, et le besoin d’une expérience cohérente, simple et apaisante.

Méthode

Analyse concurrentielle : présence majoritaire sur des plateformes plutôt qu’en vente directe et une mise en avant limitée du fait-main et du non-toxique. Personas : trois profils générés via IA et affinés manuellement, représentant les usages clés et guidant le parcours.

Impact

Le projet a été relevé pour la cohérence entre l’univers artisanal imaginé et l’interface conçue. La clarté du parcours, l’attention portée aux détails et la sensibilité de l’approche ont été particulièrement appréciées par le jury.

Synthèse & traduction UX/UI

Les pages Accueil et Fiche produit ont été choisies pour illustrer les principales interactions et mettre en valeur l’univers artisanal de Margile. Elles constituent la base du parcours que j’ai travaillé dans ce projet.

Charte graphique

Inspirations : les intérieurs naturels, les textures minérales, la lenteur et les gestes simples.  Une approche “slow design”, où la matière et la couleur racontent une histoire.

Titres – Montserrat Bold

Une sans-serif contemporaine, élégante et singulière. Ses formes géométriques apportent modernité et raffinement, tout en exprimant le caractère poétique et artisanal de Margile.

Textes – Nunito medium et bold

Une sans-serif douce et équilibrée. Lisible et moderne, son dessin arrondi apporte une chaleur en accord avec l’univers fait main de Margile.

Palette couleurs

Une palette naturelle et apaisante, inspirée des nuances de l’argile et du végétal. Les tons doux (vert sauge, taupe, vieux rose) sont équilibrés par des contrastes neutres (blanc, beige rosé, petrol) assurant harmonie visuelle et accessibilité AA/AAA.

Recherches UX

Méthodes : les profils utilisateurs ont été définis à partir d’une analyse de tendances et d’observations sur les réseaux sociaux (Instagram, Pinterest, Etsy), puis enrichis grâce à des outils d’IA générative.

Léa – “Trendy Insta Girl” (25 ans)
Jeune salariée en marketing, découvre Margile via Instagram ou Pinterest. Souhaite des objets esthétiques, modernes et accessibles. Solutions : visuels Pinterest-friendly, parcours rapide, paiement simplifié.

J’aime quand c’est joli et facile à acheter

Julie – “La maman déco” (35 ans)
Responsable RH, mariée, deux enfants.  Recherche des objets doux, sûrs et non toxiques pour la maison.  Solutions : mentions claires sur les matériaux, finitions à base d’eau, ton rassurant.

Je veux du beau, mais surtout du sûr pour mes enfants

Martine – “L’acheteuse cadeau” (56 ans)
Souhaite offrir un cadeau unique et de qualité. Besoin d’un produit personnalisé et d’une expérience de confiance. Solutions : options de personnalisation simples, transparence sur les délais, avis clients visibles.

J’aime offrir des objets uniques et faits avec cœur

Décisions UX

Wireframes Lo-Fi & structuration du parcours

Pages travaillées : Home et Fiche produit, les deux pages clés du parcours pour découvrir l’univers, rassurer l’utilisateur et lui permettre de passer à l’achat.

Wireframes : les maquettes lo-fi m’ont permis de poser rapidement la structure, tester l’enchaînement des contenus et itérer facilement avant l’UI.

Habillage UI

Prototype haute fidélité sur Figma : pages principales (Accueil, Produit, Univers, Histoire), navigation minimaliste, interactions douces, identité visuelle sensible et cohérente.

Home

Fiche produit

Explorez le prototype interactif sur Figma

Voir la maquette UI

Un prototype visuellement satisfaisant, clair, fluide et apaisant…

– Le Jury

Ce projet m’a permis de transformer des intentions artisanales en une expérience digitale claire, sensible et cohérente, en alliant décisions UX structurées et design UI pensé pour rassurer et inspirer.

« le design, c’est l’équilibre entre l’utile, le beau et le juste.