Un site WordPress dynamique pour le Domaine Boris Champy.
Intégration WordPress et construction des pages, en marque blanche pour l'agence Monogramme (Beaune) qui a conçu le design et les contenus, du site d'un domaine viticole bio et biodynamique des Hautes-Côtes de Beaune : thème Droow, Gutenberg, navigation AJAX, et un modèle de fiche vin sur mesure à champs personnalisés, avec navigation d'un vin à l'autre.
Un domaine pionnier de la biodynamie en Bourgogne, et l'agence qui l'accompagne.
Le Domaine Boris Champy est installé à Nantoux, dans les Hautes-Côtes de Beaune. Il se présente comme l'un des pionniers de l'agriculture biologique et de la biodynamie en Bourgogne, avec des terroirs travaillés à la main depuis plus de 35 ans et des certifications Ecocert et Demeter. Sa gamme couvre les Bourgogne Hautes-Côtes de Beaune, des Beaune 1er Cru, un Pommard, des Aligoté Doré, un Coteaux Bourguignons et une eau-de-vie, organisés en trois familles : Nos Hautes-Côtes, La Côte et À Côt(és).
Le site est signé Monogramme, maison de marketing installée à Beaune : l'agence a conçu le design et les contenus et porte la relation avec le domaine. J'interviens en marque blanche sur l'intégration WordPress et la construction des pages : thème, Gutenberg, modèle de fiche vin, mise en ligne.
Le résultat est en ligne sur domaineborischampy.com, pour l'agence Monogramme.
Douze vins, une seule fiche à construire.
Un site de domaine viticole est d'abord un site de vins : chaque cuvée doit avoir sa page, avec les mêmes rubriques, la même tenue, et un passage naturel de l'une à l'autre. Il doit aussi vivre — transitions, animations, fil Instagram — sans sacrifier la lisibilité. Et, parce que le projet est porté par une agence, tout doit s'intégrer dans sa méthode et sous sa signature.
Mission 1 — Un site dynamique sous Gutenberg et Droow.
- Thème Droow pour l'esthétique plein écran et les transitions, Gutenberg pour l'édition des pages
- Navigation en AJAX : les pages s'enchaînent sans rechargement, avec des transitions fluides
- Menu à trois niveaux (Domaine, Terroirs & Engagements, De la vigne au vin, Nos vins, La ferme de Maya, Contact), contrôle de l'âge légal à l'entrée, versions française et anglaise
Mission 2 — Un modèle de fiche vin sur mesure.
- Un modèle de page dédié, alimenté par des champs personnalisés : terroir, conduite de la vigne, vinification et élevage, dégustation et accords, millésime, infos clés (cépage, appellation, couleur, certifications), fiche technique PDF
- Navigation entre les vins : vin précédent, vin suivant, retour à tous les vins, et les autres cuvées en bas de page
- Trois gammes listées automatiquement sur l'accueil et sur la page « Nos vins »
Mission 3 — Travailler en marque blanche.
L'agence est l'interlocutrice du domaine ; je suis le sien. Elle livre les maquettes, la charte et les textes ; je livre un site WordPress qui les respecte au pixel, sous sa signature et sans empreinte visible de ma part. Une intégration propre, que l'agence peut présenter et faire évoluer comme la sienne.
Droow, Gutenberg et un modèle de fiche vin.
Avec l'agence, pour le domaine
Maquettes, charte graphique, arborescence et textes conçus par Monogramme ; de mon côté, inventaire des contenus à intégrer (une douzaine de pages éditoriales, douze vins, actualités par millésime) et choix techniques validés avec l'agence avant la première ligne de code.
Droow sous Gutenberg
Installation et paramétrage du thème Droow, pensé pour les sites immersifs : photographie plein écran, animations à l'apparition, menu plein écran. L'édition se fait avec Gutenberg, l'éditeur natif de WordPress, sans constructeur tiers.
Des pages qui s'enchaînent
Navigation en AJAX : le contenu de la page suivante est chargé sans rechargement complet, avec une transition. Les scripts (animations, fil Instagram, contrôle d'âge) sont réinitialisés à chaque changement de page pour que tout continue de fonctionner.
Une fiche, des champs personnalisés
Un modèle de page « Vin » sur mesure, alimenté par des champs personnalisés : terroir, conduite de la vigne, vinification et élevage, dégustation et accords, garde, millésime, infos clés et PDF. Le domaine remplit des champs, le modèle met en page.
D'un vin à l'autre
En bas de chaque fiche : vin précédent, vin suivant, retour à « Tous les vins » et la liste des autres cuvées. Le visiteur parcourt la gamme sans repasser par le menu, et chaque nouvelle fiche prend sa place automatiquement.
Trois familles, listées seules
« Nos Hautes-Côtes », « La Côte » et « À Côt(és) » : les vins sont rattachés à leur gamme et les listes de l'accueil et de la page « Nos vins » se construisent toutes seules. Ajouter une cuvée, c'est créer une fiche.
Contenus, bilingue et livraison en marque blanche.
Les pages du domaine
Histoire, Boris Champy, l'équipe, savoir-faire, les Hautes-Côtes, système écologique, polyculture, réveil des terroirs, vinification et élevage, écologie, la ferme de Maya, contact : chaque page construite en blocs Gutenberg à partir des maquettes et des textes de l'agence, modifiable ensuite par le domaine.
Français et anglais
Version anglaise du site, fiches vin comprises, avec bascule de langue dans le menu. Le modèle de fiche et ses champs fonctionnent à l'identique dans les deux langues.
Contrôle à l'entrée
Un site de vin s'ouvre sur une vérification de l'âge légal et un rappel sur l'abus d'alcool. Le contrôle s'affiche à l'entrée du site et reste compatible avec la navigation AJAX.
Un site qui bouge
Fil Instagram intégré en page d'accueil avec chargement « Charger plus… », et une rubrique actualités où le domaine présente chaque millésime. Deux zones qui vivent sans intervention technique.
Photographie plein écran, mais légère
Images de vignes et de caves en grand format, optimisées pour le web et servies dans des dimensions adaptées. Un site immersif doit rester rapide sur mobile.
Recette et passation à l'agence
Recette avec Monogramme sur ses maquettes, corrections, mise en ligne, et un back-office prêt à être présenté au domaine par l'agence. Mon nom n'apparaît nulle part : c'est le principe de la marque blanche.
Les technologies mobilisées.
Un site à la hauteur du domaine, livré sous la signature de l'agence.
Pour le domaine.
- Douze fiches vin homogènes, complètes (terroir, vinification, dégustation, PDF) et reliées entre elles
- Un site immersif : photographie plein écran, transitions AJAX, fil Instagram, actualités par millésime
- Un back-office simple : des champs à remplir pour un vin, des blocs Gutenberg pour une page
Pour l'agence.
- Son design et ses contenus intégrés fidèlement, livrés en marque blanche sous sa signature
- Une intégration propre, que l'agence peut faire évoluer
- Un partenaire technique disponible pour ses prochains projets
Le domaine a un site qui lui ressemble, l'agence a tenu sa promesse créative, et l'intégrateur reste en coulisses : trois objectifs atteints d'un seul projet.
Pourquoi cette collaboration fonctionne.
1. La marque blanche, sans arrière-pensée
L'agence conçoit et signe, j'intègre. Pas de logo en pied de page, pas de double discours : un site livré comme s'il venait entièrement de l'agence.
2. Gutenberg plutôt qu'un constructeur
L'éditeur natif de WordPress suffit quand le thème est bien préparé : des pages plus légères, moins de dépendances, et un back-office que le domaine comprend.
3. Un modèle, douze vins
Le modèle de fiche à champs personnalisés garantit que chaque cuvée est présentée de la même façon, aujourd'hui comme pour les prochains millésimes.
4. La navigation d'un vin à l'autre
Précédent, suivant, tous les vins, autres cuvées : la gamme se parcourt comme une cave, et le visiteur reste sur le site.
5. L'AJAX maîtrisé
Les transitions sans rechargement sont belles quand tout continue de fonctionner après : scripts réinitialisés, contrôle d'âge, fil Instagram, formulaire.
6. Les contraintes du vin intégrées
Contrôle de l'âge légal, rappel sur l'abus d'alcool, version anglaise pour l'export : les obligations du secteur prises en compte dès la conception.
Un développeur WordPress
en marque blanche pour vos projets ?
Vous concevez le design et les contenus, vous gardez la relation client et la signature ; je prends en charge l'intégration WordPress : thème, Gutenberg, modèles sur mesure, construction des pages, mise en ligne. Discutons-en.