Contexte initial
En fin 2024, le Château Daugay nous confie la création d’un site e-commerce vin sobre, rapide et facile à administrer. L’orientation choisie : un design Webflow inspiré de l’architecture du Château de Birazel, mais adapté au positionnement du domaine, aux millésimes et aux besoins d’intégration Baqio (stocks & commandes).
Les partis pris de marque validés ensemble : fond bleu uniforme (charte fournie), texte blanc pour la lisibilité, logo “stamp” (préférence par rapport à l’oiseau), titres Wensley et textes/boutons Gotham. Nous retirons la barre de navigation (site d’attente) et misons sur une UX minimaliste avec CTA clairs.
Objectifs & périmètre
- Webflow e-commerce (front) : landing claire, mise en avant des millésimes (jusqu’à 5), galerie simplifiée, formulaires et bloc contact.
- Gestion commandes : scénario WooCommerce privilégié (interopérabilité Baqio), alternative Shopify (Buy Buttons) documentée.
- Expédition : France/Europe avec grilles tarifaires du client.
- SEO : balisage sémantique, performance Core Web Vitals, données structurées CaseStudy, maillage interne vers nos services Webflow.
Challenges relevés
- Branding premium sur fond bleu : garantir contraste, accessibilité et élégance (texte blanc, hauteur de ligne, tailles adaptées).
- Logo : utilisation du stamp non transparent (gestion temporaire du fond), intégration des logos label bio et groupement de vignerons dans le footer.
- Galerie : remplacer l’ancien effet de zoom (Birazel) par une grille de miniatures carrées + lightbox au clic.
- Catalogue limité : jusqu’à 5 fiches millésimes bien structurées (titre, notes, visuels, mentions légales).
- Interop Baqio : éviter la double saisie, préparer la synchro API (stocks/commandes) si bascule WooCommerce.
Solutions apportées
1) Design & UX sur Webflow
- Fond bleu uniforme + texte blanc selon la charte (ajustement de nuance si besoin pour le contraste WCAG).
- Typographies : Wensley (titres), Gotham (corps et boutons en Bold).
- Logo “stamp” prioritaire (gestion fond gris si non transparent). Disposition des logos bio & groupement en footer, équilibrés gauche/droite.
- Galerie simplifiée : miniatures carrées, lightbox au clic, largeur visuelle réduite pour ne pas occuper tout l’écran.
- Pas de barre de navigation (site d’attente) + CTA visibles : “Rester informé”, “Contactez-nous”.
2) Architecture e-commerce : WooCommerce privilégié, Shopify en alternative
WooCommerce retenu comme option principale pour la compatibilité Baqio (via API/plugins) et la gestion fine des expéditions Europe. Shopify Starter (6 €/mois) reste possible via Buy Buttons, mais implique une mise à jour manuelle des stocks et moins d’automatisation.
- Expéditions : France & Europe selon grille fournie (zones, poids, paliers).
- Paiements : configuration standard (CB), e-mails transactionnels et mentions légales.
- Baqio : préparation du mapping SKU, statuts commandes, fréquence de synchro, règles de rupture.
3) Contenus & conformité
- Texte historique modernisé (français & anglais), phrases courtes, valorisation du terroir sans lourdeur.
- Mentions légales & bloc “l’abus d’alcool est dangereux pour la santé”, âge légal, CGV/expédition.
- Accessibilité : contrastes, tailles min., focus visibles,
alt
descriptifs (ex. “bouteille Château Daugay millésime 20XX — packshot”).
Technologies utilisées
- Webflow (CMS, layout, animations légères, performances).
- WooCommerce (option principale) ou Shopify (alternative Buy Button).
- Baqio : gestion de stocks & commandes (intégration via API).
- Figma (wireframes/UI) & Make.com (pistes d’automatisation).
- SEO technique (balises, schémas, maillage), Analytics (GA4, événements e-commerce).
Résultats (MVP fin 2024)
- Vitrine e-commerce en ligne avec fond bleu, texte blanc, identité premium et galerie simplifiée.
- Mise en avant des millésimes (jusqu’à 5 fiches), CTA visibles et parcours épuré.
- Expéditions FR/UE paramétrées selon la grille transmise.
- Interop Baqio documentée : synchro API prête (déploiement selon option retenue).
SEO on-page & maillage interne
- Keyword focus (naturels dans le texte) : webflow e-commerce, webflow expert, webflow integrations, WooCommerce Baqio, Shopify vin, site e-commerce château, catalogue millésimes, expédition vins France Europe.
- Liens internes : sites e-commerce Webflow, développement Webflow, maintenance SEO, automatisation & IA, formations Webflow, nos réalisations.
- Données structurées : CaseStudy (ci-dessous) + éventuellement FAQ (si vous ajoutez la section FAQ).
Identité visuelle & UI (détails d’implémentation)
- Couleurs : fond bleu (code charte), texte blanc ; nuance de bleu assombrie si contraste insuffisant.
- Polices : Wensley (H1-H3), Gotham (corps, boutons en Bold : “Rester informé”, “Envoyer”, “Contactez-nous”).
- Logos : “stamp” Daugay (si non transparent : fond neutre cohérent), label bio et groupement de vignerons en footer (gauche/droite).
- Galerie : grille de miniatures carrées → lightbox au clic ; pas d’effet zoom au scroll.
- Navigation : pas de barre de navigation (site d’attente), uniquement des CTA primaires/secondaires.
Tarifs & modalités
- Base : 3 600 € HT (Webflow + mise en avant des millésimes + SEO de base + expéditions FR/UE).
- Option Baqio : 800–1 200 € HT (intégration) + 1 000–1 500 € HT (API avancée si nécessaire).
- Paiement : 50 % à la signature, 50 % à la mise en ligne (ou 3×).
Ressources & mentions
- Polices Wensley & Gotham fournies par le client (livrées fin 2024).
- Textes FR/EN modernisés (fourniture client), suppression des mentions vieillottes.
- Mentions légales et informations de contact en bas de page.
Discuter d’un e-commerce vin sur Webflow
Liens utiles