BARBOUR

UI/UX Design · E-commerce · Intégration

Legend Story est le distributeur agréé Barbour en France, à Toulouse et Biarritz, et l’un des rares ateliers à rewaxer et réparer les vestes cirées. J’ai conçu l’UI de la boutique en ligne et réalisé son intégration : la vente d’un côté, l’atelier Rewax for Life de l’autre, deux entrées d’un même site.

Voir le site
Le site marchand : accueil, collection homme, fiche produit et vente complémentaire
La page Rewax for Life : le manifeste de l’atelier, les prestations et leurs tarifs

Boutique

L’UI design du site marchand, de l’accueil à la fiche produit.

L’accueil ouvre sur la marque plutôt que sur le catalogue : une image de campagne, les nouveautés, puis quatre entrées — homme, femme, dogs, atelier. La collection se filtre sans quitter la grille, et la fiche produit garde à portée ce qui décide l’achat : la coupe, les tailles encore disponibles, le retrait en boutique, puis les pièces qui complètent la veste.

L’accueil sur mobile : les entrées de collection en pleine hauteur

Rewax for Life

La page de l’atelier d’entretien et de réparation.

C’est ce qui distingue Legend Story d’un revendeur : plus de 3 200 rewax et 1 800 vestes réparées. La page montre le geste avant d’annoncer le prix — l’avant/après, les chiffres de l’atelier, puis les trois prestations et leur tarif de départ, chacune avec son devis gratuit.

L’inscription à la newsletter : −10 % sur la première commande
Le bandeau atelier, rappelé sur tout le site

Entretien

Amener à confier sa veste, sans passer par un formulaire.

Un bandeau discret rappelle l’atelier sur tout le site, et l’inscription à la newsletter s’ouvre une fois la visite engagée. Pour ceux que le formulaire arrête, l’étiquette d’expédition prépayée s’achète en ligne en trois étapes — et la fréquentation de l’atelier, mois par mois, annonce le délai avant l’envoi plutôt qu’après.

Envoyer sa veste sans formulaire : étiquette prépayée et délai annoncé mois par mois

Informations

Rôle
UI Design · UX · Intégration
Environnement
E-commerce · Direction artistique
Stack
Shopify pour la boutique, Figma pour la conception des interfacesShopifyFigma