Structurer une expérience artisanale plus claire, compréhensible et rassurante.

Un projet né dans une reconversion, où la visibilité croissante a créé une fragmentation difficile à gérer.

Centraliser une expérience qui s'était dispersée.

Au fil de Nath est né dans un contexte de reconversion professionnelle autour d'une activité artisanale déjà existante. Progressivement, Nathalie a gagné en visibilité — via Instagram, Vinted, le bouche-à-oreille — et les demandes se sont multipliées. Mais cette croissance a créé un problème : chaque canal de communication était géré séparément (messages privés Instagram, messages Vinted, appels directs, emails) sans centralisation claire.

Les clients se perdaient entre ce qui était disponible immédiatement, ce qui était sur-mesure, les délais attendus, les étapes du processus. Nathalie, elle, devait gérer des allers-retours fragmentés pour clarifier les demandes, préciser les possibilités de personnalisation, récupérer les informations manquantes.

Le paradoxe était net : plus de visibilité = plus de demandes. Mais sans structure centralisée, ces demandes restaient chaotiques, imprécises, difficiles à honorer avec la cohérence attendue.

Retours récurrents observés

• Difficulté à comprendre les possibilités de personnalisation.
• Manque de visibilité sur les délais et le fonctionnement des commandes.
• Besoin d'être rassuré avant de prendre contact.
• Peur de mal demander ou d'oublier des informations importantes.
• Navigation parfois confuse entre créations uniques, sur-mesure et produits disponibles.

Le défi de conception

Comment concevoir une expérience suffisamment claire et rassurante pour permettre à des utilisateurs non techniques de découvrir, comprendre et demander une création personnalisée sans friction ni surcharge d'information ?

L'équilibre à tenir : artisanat et clarté, sans céder aux codes e-commerce agressifs.

Trouver l'équilibre entre artisanat et clarté.

Le principal enjeu était de concevoir une expérience capable de rendre une activité artisanale personnalisée plus lisible, rassurante et compréhensible. Le site devait permettre de :

• Présenter des créations artisanales sans complexifier le parcours utilisateur.
• Clarifier le fonctionnement du sur-mesure et de la personnalisation.
• Conserver une approche humaine sans utiliser les codes e-commerce agressifs.
• Structurer l'expérience mobile autour des usages prioritaires.

Objectifs d'expérience

Le projet devait trouver un équilibre entre lisibilité, réassurance et personnalisation. Les objectifs principaux étaient :

• Valoriser l'aspect humain et artisanal.
• Structurer des informations parfois complexes.
• Guider les utilisateurs sans rigidifier l'expérience.

Principes du formulaire

Le formulaire a notamment été pensé selon plusieurs principes :

• La demande commence par une description libre afin de réduire la pression liée à la personnalisation.
• Les options plus techniques apparaissent progressivement.
• Les informations de prix restent visibles pendant la saisie.
• Le formulaire ne cherche pas à finaliser un achat immédiatement mais à initier un échange simple et rassurant.

Ces constats ont progressivement orienté les choix de structure, de hiérarchie et de simplification de l'interface.

Architecture du parcours

Comprendre les attentes, les freins et les profils — avant de dessiner.

Comprendre les attentes derrière chaque visite.

Avant de concevoir les écrans, l'objectif était de comprendre les différents profils susceptibles d'utiliser le site, leurs attentes et leurs freins potentiels.

Profil principal — recherche de personnalisation rassurante

Autres profils observés

Tests utilisateurs

En complément des échanges avec la créatrice, 5 tests utilisateurs exploratoires ont été réalisés afin d'identifier les principales zones d'incertitude du parcours. Plusieurs constats sont revenus de manière récurrente :

• Les utilisateurs comprenaient rapidement l'offre proposée.
• Les exemples de réalisations facilitaient fortement la projection.
• Certains utilisateurs ne savaient pas toujours quoi écrire dans le formulaire.
• Les réalisations déjà effectuées renforçaient la confiance.
• La direction artistique initiale était perçue comme trop sage et manquait légèrement de chaleur.

Principes retenus

• Comprendre rapidement les prestations proposées.
• Voir des exemples concrets de réalisations.
• Identifier facilement comment prendre contact.

Ces observations ont directement influencé la hiérarchie des contenus, les choix de navigation et les mécanismes de réassurance présents dans l'interface.

Avant de dessiner, écouter — les retours, les hésitations, les phrases brutes.

Structurer l'expérience autour des attentes réelles.

Ces retours ont confirmé la nécessité de :

• Clarifier rapidement l'offre et les possibilités de personnalisation.
• Mieux expliquer le fonctionnement du sur-mesure.
• Renforcer les mécanismes de réassurance.
• Aider les utilisateurs à se projeter avec davantage d'exemples concrets.

Hiérarchiser pour aider la lecture — et baisser l'enjeu perçu, étape par étape.

Structurer une découverte progressive du service.

Le site devait permettre de comprendre rapidement la différence entre créations disponibles, personnalisation et accompagnement sur-mesure.

Principes retenus

• Hiérarchie visuelle simplifiée.
• Réassurance introduite plus tôt dans le parcours.
• CTA plus visibles aux moments clés.
• Adaptation mobile pensée autour des usages prioritaires.

Le hero a été restructuré pour clarifier immédiatement l'offre, introduire une première réassurance et rendre l'action principale plus identifiable.

Avant

Après

• CTA repositionné dans la zone de lecture principale
• Différenciation plus claire entre découverte et personnalisation
• Premier repère de confiance intégré dès l'arrivée sur le site

Garder la chaleur, retirer le brouillard — la confiance par les détails.

Concevoir une expérience rassurante sans casser l'univers artisanal.

Plusieurs retours utilisateurs ont directement influencé cette partie :

« Les avis rassurent. »

« Les créations déjà réalisées donnent confiance. »

« Le manque de projet déjà réalisé donne moins envie de commander. »

Ces citations pointaient une même réalité : l'utilisateur a besoin de signes concrets de confiance avant de prendre contact. Pas d'explications détaillées — des preuves visibles.

Avant

Après

Décisions

• Présentation de la créatrice dès les premiers écrans
• Réalisations visibles avant la prise de contact
• Preuves sociales intégrées au parcours de découverte

• Processus plus lisible
• Actions intégrées plus naturellement au parcours
• Parcours plus guidé
• Repères visuels plus cohérents

Effets recherchés

• Identité artisanale préservée
• Sensation premium discrète
• Navigation plus fluide et humaine

Le mobile n'est pas une réduction — c'est un autre usage, à concevoir pour lui-même.

Adapter l'expérience mobile comme une expérience à part entière.

Le projet comportait :

• Plusieurs carrousels.
• Des formulaires détaillés.
• De nombreuses sections.
• Un parcours relativement dense.

Ajustements réalisés

• Hiérarchie simplifiée
• Sections plus aérées
• CTA full width
• Navigation mobile dédiée
• Grilles adaptées aux petits écrans

Comprendre les changements clés

Décisions principales

• Navigation réduite aux destinations essentielles
• CTA accessibles sans effort de recherche
• Moins d'étapes avant la prise de contact

Les tests mobiles ont confirmé :

Un système, pour que la cohérence ne tienne pas à la mémoire — et que les évolutions restent possibles.

Créer des repères visuels cohérents.

Pour préserver la clarté de l'expérience, un système cohérent a été construit autour de la typographie, des couleurs et des composants.

Typographie

Hiérarchie simple permettant de distinguer contenu, navigation et informations secondaires.

Couleurs

Palette volontairement limitée afin de conserver une expérience calme, lisible et cohérente.

Système de composants

Standardisation :

• Cartes produits
• Galeries
• Boutons
• Formulaires

Le système a été structuré sous forme de composants réutilisables afin de garantir la cohérence de l'expérience et faciliter les évolutions futures.

Logique de construction

Cohérence responsive

Desktop

Tablette

Mobile

Ce que les tests ont confirmé — et ce que le projet a réellement rendu possible.

Résultats et enseignements.

Ce projet a mis à l'épreuve une démarche complète de conception UX/UI appliquée à un besoin réel — et les tests ont confirmé l'hypothèse initiale : lever les zones d'incertitude rend la prise de contact plus naturelle.

Ce projet a confirmé une conviction fondamentale : une expérience réussie ne repose pas uniquement sur l'esthétique d'une interface, mais sur sa capacité à rendre les décisions plus simples, les informations plus lisibles et les interactions plus rassurantes.

Un projet. Une méthode. Une direction qui en a découlé.

Une expérience qui accompagne la décision.

Le problème de départ était la fragmentation : des demandes dispersées, mal clarifiées, sans contexte partagé. Au fil de Nath a résolu ce chaos non par l'ajout de fonctionnalités, mais par la suppression du brouillard — en hiérarchisant l'information, en plaçant les signaux de confiance aux bons endroits, en guidant le visiteur vers une décision claire.

Ce qui a changé pour Nathalie :

• Les demandes arrivent mieux cadrées — avec le contexte nécessaire dès le départ.
• Le parcours réduit les allers-retours inutiles.
• La confiance est installée avant même le premier échange.

Ce projet a ancré une certitude : une interface n'existe pas pour elle-même, mais pour accompagner une décision. Chaque pixel, chaque phrase, chaque image sert à réduire l'incertitude et à rendre l'action suivante plus évidente.

Au fil de Nath a marqué le début d'une conviction qui guide ma pratique : les produits les plus simples ne sont jamais simples par accident — ils le deviennent parce qu'on a pris le temps de comprendre ce qui complique réellement.