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

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

Pourquoi choisir BauerWebPro ?
Une vision,
Un projet,
Une solutioN:

Notre mission.

développés avec les meilleurs outils et les meilleures pratiques

Bienvenue dans l'univers des technologies et outils IA chez Bauer Webpro, où l'innovation et la personnalisation se rencontrent pour créer des solutions d'intelligence artificielle qui redéfinissent les capacités des entreprises. Notre agence s'appuie sur un éventail de technologies de pointe pour offrir des services qui vont au-delà des attentes de nos clients.

Airtable

Automatisation
.
Collaboration
.
Gestion de projets
.

Notion

Collaboration
.
Automatisation
.
Gestion de projets
.

Agilotext

IA générative
.

ChatGPT

IA générative
.

Zapier

Automatisation
.

Webflow

API & intégrations
.
Création de sites
.

Make

Automatisation
.

Figma

Design UX/UI
.
Contact

Créons ensemble votre site web !

Nous avons fait nos preuves dans différents secteurs : SaaS, tourismes, art et nouvelles technologies !