Arte Fact
Refonte UX d’un site e-commerce joaillerie
Contexte
Arte Fact (lien du site) est une boutique de créateurs de bijoux et d’objets artisanaux, basée à Bordeaux, souhaitant renforcer sa présence digitale.
L’ancienne boutique en ligne ne reflétait ni l’univers artistique de la marque ni la qualité des produits proposés.
L’objectif était de concevoir une expérience e-commerce élégante, artisanale et fluide, capable de traduire l’ADN créatif tout en optimisant la conversion.
Problématique
Comment concevoir une expérience d’achat en ligne qui exprime la valeur artisanale tout en répondant aux standards UX du e-commerce moderne ?
Objectifs du projet
■ Repenser le parcours d’achat pour réduire les frictions
■ Mettre en avant la singularité des créateurs et leurs produits
■ Créer une identité visuelle digitale cohérente avec les valeurs artisanales
■ Optimiser la navigation et la conversion sur mobile
■ Développer une expérience sensorielle à travers l’image et la typographie
Recherche utilisateur
■ Entretiens qualitatifs avec 10 clientes régulières et 5 nouveaux visiteurs
■ Audit de l’ancien site : lenteur, parcours d’achat peu clair, design daté
■ Benchmark des sites de créateurs et marketplaces artisanales
■ Cartographie du parcours client : découverte → produit → panier → achat
Insight principal :
Les utilisateurs cherchaient une expérience simple, rassurante et inspirante, sans la surcharge visuelle typique des marketplaces.
Optimisation de la recherche produit
■ Filtrage clair par type de produit, créateur et prix
■ Réduction du nombre de clics entre la page d’accueil et le panier (–40 %)
La fonctionnalité de recherche a été repensée pour offrir une expérience fluide et instantanée.
Grâce à une recherche frontale en AJAX, les résultats s’affichent en temps réel dès que l’utilisateur commence à taper, sans rechargement de page.
Les suggestions sont filtrées dynamiquement par métadonnées, permettant d’accéder rapidement à des produits pertinents et de réduire l’effort de recherche.
Capture d’écran de la recherche AJAX frontale sur desktop et mobile
CTA sticky pour les filtres sur la page boutique
Cette fonctionnalité est conçue pour desktop et mobiles. Le bouton de filtres est accessible facilement quelque soit la main utilisée pour naviguer sur son mobile.
Lorsque l’on clique sur le bouton filtres, il s’ouvre sur une colonne latérale avec tous les filtres AJAX, actifs instantanément.
Capture d'écran de la page Boutique sur desktop et mobile - filtres
■ Mise en avant du storytelling de marque
Les bijoux vendus dans la boutique sont tous des créations originales, souvent des pièces uniques. Chaque marque a son corner qui valorise le savoir-faire des créateurs, raconte son histoire et met en avant ses créations. Celles-ci sont filtrées dans une barre latérale également sticky.
Maintenir la fluidité du parcours tout en stimulant l’exploration et l’envie d’achat jusqu’à la finalisation du paiement.
■ Hiérarchie visuelle basée sur le principe “moins mais mieux”
■ La direction artistique a été pensée comme un levier d’expérience : elle devait traduire les valeurs de la marque tout en facilitant la navigation et la lisibilité du contenu.
■ La charte graphique est inspirée de la boutique physique : création d’un lien direct entre l’univers du magasin et le site e-commerce pour une continuité d’expérience.
■ Composants de marque intégrés au design system : conception des logos carré et horizontal, adaptables à tous les supports digitaux.
![FireShot Capture 156 – Bagues – Arte Fact – [artefact-bijoux.com]](https://lealavigne.fr/wp-content/uploads/2025/11/FireShot-Capture-156-Bagues-Arte-Fact-artefact-bijoux.com_.webp)
![FireShot Capture 157 – Bagues – Arte Fact – [artefact-bijoux.com]](https://lealavigne.fr/wp-content/uploads/2025/11/FireShot-Capture-157-Bagues-Arte-Fact-artefact-bijoux.com_.webp)
Header du site avec barre de navigation transparente et sticky
L’esthétique devient ici un outil d’expérience : une manière d’exprimer la valeur du produit tout en guidant l’utilisateur dans sa navigation.
6 tests en conditions réelles (desktop et mobile) :
■ Tâches principales : trouver un produit, lire l’histoire d’un créateur, finaliser un achat
■ Indicateurs mesurés : efficacité, satisfaction, compréhension
Résultats :
■ Temps moyen de recherche produit : –45 %
■ 100 % des testeurs ont perçu l’univers “haut de gamme et artisanal”
■ 80 % ont trouvé le parcours d’achat “agréable et fluide”
Résultats & impacts
|
Indicateur
|
Avant la refonte
|
Après la refonte
|
|---|---|---|
|
Temps moyen de recherche produit
|
2 min 10
|
1 min 20
|
|
9 %
|
17 %
|
|
|
Taux de conversion
|
1,8 %
|
3,2 %
|
|
Temps moyen sur le site
|
2 min 50
|
4 min 10
|
L’identité digitale d’Arte Fact a permis d’augmenter la conversion tout en renforçant la perception artisanale de la marque.
Outils & méthodes
■ UX Research : entretiens utilisateurs, audit et benchmark
■ Architecture de l’information : sitemap, user flows, logique de navigation
■ UI Design et direction artistique : identité visuelle, typographies, palette, wireframes, maquettes
■ Tests utilisateurs et itérations avant développement
■ Atelier de formation client
Enseignements
Ce projet m’a permis de conjuguer exigence esthétique et rigueur UX.
J’ai confirmé l’importance du design sensoriel dans la perception de confiance et la transformation e-commerce.