Vendre et raconter une marque
Six cuvées en boutique, plus histoire, terroir, dégustation et hébergement.
2025
Château Martet
Conception UX/UI, développement front-end du thème, intégration Shopify · Thème Shopify 100 % sur-mesure
Contexte
Château Martet, domaine viticole en Bordeaux Sainte-Foy, avait besoin d’un site qui porte à la fois la vente de ses six cuvées et une vraie expérience de marque : histoire, terroir, dégustation, hébergement.
J’ai conçu l’UX/UI et développé le thème Shopify de A à Z : plus de 60 sections modulables depuis l’éditeur, 26 templates JSON, des metafields dédiés au vin (millésime, robe, nez, bouche, alcool, garde, accords mets-vins), un comparateur de produits, des bundles entre cuvées avec navigation Alpine.js, et un panier drawer avec upsell et seuil de livraison gratuite.
Livré en octobre 2025.
Objectifs & livrables
Des fiches produit pensées vin
Metafields millésime, robe, nez, bouche, accords mets-vins.
Comparer et composer
Comparateur de produits, bundles entre cuvées.
Un panier qui convertit
Drawer avec upsell, seuil de livraison gratuite, réassurance.
Panier
Drawer orienté conversion
Ajout AJAX, seuil de livraison gratuite, recommandations upsell, réassurance.
Contenu
Une expérience de marque complète
Pages Terroir, Histoire, Dégustation, Hébergement, blog Itinérances, carte interactive.
Fiche produit
Fiche dégustation structurée
Carrousel médias, badge millésime, fiche dégustation (robe, nez, bouche), logo HVE.
Produit
Bundles et comparateur
Bundles entre cuvées avec navigation Alpine.js, comparateur en slider Swiper.
Sous le capot
Shopify Online Store 2.0, Tailwind CSS v4, Alpine.js pour l’interactivité (panier, bundles, composants UI), Swiper pour les carrousels et le comparateur, AOS pour les animations au scroll, Leaflet pour la carte de contact. Build via Laravel Mix/Webpack, Shopify CLI.
Metafields
Des metafields pensés pour le vin
Millésime, robe, nez, bouche, alcool, garde, accords mets-vins : des champs structurés, pas du texte libre.
Alpine.js
Bundles entre cuvées, navigation Alpine.js
Composer une sélection de cuvées, avec une navigation dédiée entre les produits du bundle.
Swiper
Comparateur de produits
Comparer plusieurs cuvées côte à côte, dans un slider plutôt qu’un tableau figé.
MetafieldsViticulture
01 / 03
Des metafields pensés pour le vin
Problème
Présenter chaque cuvée avec ses caractéristiques réelles (dégustation, garde, accords) de façon structurée et réutilisable, plutôt que noyée dans une description libre.
Approche
Des metafields dédiés au vin (millésime, robe, nez, bouche, alcool, garde, accords mets-vins, délais de livraison) alimentent une fiche dégustation structurée sur chaque produit, avec le badge millésime et le logo HVE quand la certification s’applique.
Des metafields pensés pour le vin
Alpine.jsBundles
02 / 03
Bundles entre cuvées, navigation Alpine.js
Problème
Proposer des coffrets ou des sélections de plusieurs cuvées sans complexifier le panier ni forcer un parcours produit par produit.
Approche
Les bundles produits s’appuient sur Alpine.js pour la navigation entre cuvées au sein d’un même bundle, avec un ajout au panier cohérent pour l’ensemble de la sélection.
Bundles entre cuvées, navigation Alpine.js
SwiperComparateur
03 / 03
Comparateur de produits
Problème
Aider un visiteur à choisir entre plusieurs cuvées proches sans l’obliger à ouvrir chaque fiche produit une par une.
Approche
Un comparateur en slider Swiper affiche les caractéristiques clés de plusieurs cuvées côte à côte, en réutilisant les mêmes metafields que la fiche produit.
Comparateur de produits
Décisions
Pourquoi ces choix techniques
Non, il combine la boutique avec du contenu éditorial (terroir, histoire) et un parcours découverte (dégustation, hébergement).
Projets
Autres réalisations.
2026
Näak
Boutique Shopify Plus pour Näak, marque de nutrition et d’hydratation ultra-trail partenaire de l’UTMB® World Series. Refonte produit, abonnements et déploiement multi-marchés.
2026
Slicy
Thème Shopify OS 2.0 écrit from scratch pour Slicy, protections et stickers vélo sur-mesure : configurateur de matching et personnalisation SVG en direct.
2026
GoodBro
Migration WooCommerce vers Shopify pour GoodBro, animalerie en ligne : 760 produits, 37 130 commandes, 1 177 abonnements, zéro email client.
Suite
Un thème vin qui allie vente et expérience de marque ?
Fiches produit structurées, contenu éditorial, réservation : tout dans le même thème.