Chefs et Chais en Pays Beaujolais : refonte WordPress pour une communauté de passionnés du terroir

Chefs et Chais en Pays Beaujolais : l’association qui fait rayonner la gastronomie beaujolaise

Chefs et Chais en Pays Beaujolais est une association loi 1901 qui réunit vignerons, restaurateurs, producteurs (fromages, chocolatier, boulanger) : une communauté de passionnés du terroir, unis par amour de leur métier et par l’envie de faire rayonner la dynamique touristique et gourmande du Beaujolais.

Chaque été, le premier jeudi de juillet, l’association organise sa Bistronomie Beaujolaise, une grande soirée conviviale où le public déguste les produits du terroir dans une ambiance festive. En 2026, l’événement fête sa 9ᵉ édition, le 2 juillet à Saint-Romain-de-Popey.

L’association porte aussi un projet éditorial fort : le livre de recettes * »Goûtons voir »*, 69 recettes savoureuses et 28 étapes gourmandes à travers la région, dédicacé par le chef Christian Têtedoie.

Contexte de la collaboration : la rencontre se réalise grâce à Audrey qui m’invite à l’appel d’offre.
Je propose une refonte du site web de l’association, livrée fin mai 2026 (webdesign, intégration, développement PHP, contenus, SEO, mise en ligne).

Problématiques : un site WordPress vieillissant, une gestion de contenu à simplifier et partager

Le site existant datait de 2016 : interface dépassée, back-office WordPress en anglais, mises à jour pas systématiquement faites, hébergement dépendant de la bonne volonté d’un bénévole, pas de contribution membres facilitée.

Le vrai défi n’était pas que technique. Une association comme Chefs et Chais vit de ses membres : vignerons, restaurateurs, maîtres des saveurs, ambassadeurs.

Chacun devait pouvoir gérer sa propre fiche en autonomie, sans dépendre d’un webmaster pour la moindre mise à jour de coordonnées ou de photo. Simplifier, partager et ouvrir le site.

Périmètre d’intervention : refonte complète et autonomie éditoriale

Refondre un site associatif, c’est facile à dire, plus dense à tenir : il a fallu reprendre les pages institutionnelles, les actualités, les fiches membres, imaginer une carte interactive, brancher la vente du livre et la billetterie externe, sans jamais perdre le fil.

Le vrai défi n’était pas d’empiler les briques, mais de les articuler autour d’une seule idée directrice : que chaque membre devienne acteur de son propre contenu. Voici ce que ce chantier a couvert.

Gestion de pages (CRUD)

  • Accueil : pitch « Qui sommes-nous ? », carte interactive, push des dernières actualités, CTA vers la liste des membres
  • Présentation et vente du livre * »Goûtons voir »*
  • Qui sommes-nous, mentions légales, politique de confidentialité

Gestion des articles (actualités)

  • Liste et détail des actualités, alimentées par l’association et ses membres, soumises à modération avant publication

Gestion des membres : fiches en autonomie

  • Chaque membre est défini par : nom de l’activité, catégorie (vignerons, maîtres des saveurs, restaurateurs, ambassadeurs…), nom des personnes, description, galerie photos, adresse, email, téléphone, lien site et réseaux sociaux
  • Chaque membre met à jour sa fiche et publie ses propres actualités via un accès dédié, l’autonomie et la simplification recherchée

Carte interactive : la fonctionnalité phare du projet

  • Navigation : filtres par activité (vignerons, restaurateurs, artisans, ambassadeurs), affichage instantané
  • Identification : un marqueur géolocalisé par membre
  • Interactivité : clic sur un marqueur → aperçu (nom, catégorie, ville) → fiche détaillée (photo, description)
  • Accès : carte responsive, utilisable au clavier comme à la souris

Référencement et suivi

  • Optimisation SEO des fiches membres et de l’ensemble du site
  • Compte Google Search Console
  • Google Analytics
  • Migration de domaine chefsetchais.fr → chefsetchais.com sans perte de référencement (redirections, ancien domaine conservé 12 mois)

Autres briques

  • Réservation de la Bistronomie Beaujolaise via un CTA dédié vers HelloAsso (pas de billetterie interne)
  • Vente du livre * »Goûtons voir »* via HelloAsso
  • Plugin de gestion des cookies (conformité RGPD)
  • Responsive design mobile-first

Exclu du périmètre initial : pas de multilingue, pas d’e-commerce ni de billetterie interne; les flux de paiement restent sur HelloAsso, plateforme déjà maîtrisée par l’association.

Une page Contact (Contact Form 7) a été préparée pour une mise en ligne en V2, sans bloquer le lancement.

Sous le capot : une autonomie pensée pour des contributeurs non-techniques

Le vrai pari du projet n’est pas la carte en elle-même, mais ce qui la rend possible sans effort pour des membres non-techniques :

  • Géocodage automatique : le membre renseigne juste son adresse postale. Les coordonnées GPS nécessaires à la carte sont calculées automatiquement (API Nominatim/OpenStreetMap) à l’enregistrement de sa fiche. Zéro coordonnée à chercher soi-même.
  • Rôle WordPress dédié : un rôle `membre` sur mesure, restreint à l’édition de sa propre fiche et à la publication de ses propres articles. Aucun accès aux réglages, au thème ou aux extensions. Le back-office est épuré à l’essentiel pour ne pas perdre un contributeur non-initié.
  • Modération intégrée : les articles soumis par les membres passent en attente de relecture avant publication. L’association garde la main sur ce qui sort, sans bloquer la contribution.
  • API dédiée pour la carte : un point d’accès REST sur-mesure alimente la carte interactive en données normalisées, découplé du reste du site. La carte peut évoluer sans toucher au cœur du thème.

Stack technique : WordPress, PHP et Leaflet pour une carte interactive performante

Pas de stack à la mode pour épater une association : des briques solides, déjà maîtrisées par tout l’écosystème WordPress, capables de durer sans dépendre d’un développeur dédié pour respirer.

Le seul vrai pari technique du projet, c’est Leaflet, choisi pour porter la carte interactive sans alourdir le site d’un service tiers payant ni d’une dépendance fragile.

  • CMS : WordPress
  • Backend : PHP 8.4+
  • Base de données : MySQL 8+
  • Cartographie : Leaflet (librairie open source) + géocodage Nominatim (OpenStreetMap)
  • Gestion des membres : plugin sur mesure (CPT, rôle dédié, API REST)

Réalisations : UI Kit, fiches membres et contenus livrés clé en main

Livrer un site qui donne envie, ça commence rarement par du code : ça commence par l’image.

Le travail a donc démarré par les maquettes et les composants visuels, avant de se prolonger jusqu’au contenu réel (fiche par fiche, article par article) pour que le nouveau site n’arrive jamais en coquille vide.

UI Kit et maquettes (home, fiche membre) livrés en responsive, puis traduits en composants réutilisables : hero, cards, badges, galerie, carte, bloc infos membre.

Sur cette base, 29 fiches membres ont été reprises et optimisées (29 professionnels du terroir : vignerons, restaurateurs, maîtres des saveurs), et 8 articles remis en ligne. Le nouveau site démarre déjà rempli.

Résultats : trafic, performance et autonomie éditoriale après lancement

Le site a été mis en ligne un mois avant la 9ᵉ édition de la Bistronomie Beaujolaise (2 juillet).

Puis le 4 juin 2026, 1er test grandeur réelle, ouverture de la billeterie : près de 600 visiteurs, plus de 3 000 pages vues (dont 2 000 sur la home), 75% en mobile et des sources saines : 42% recherche Google, 31% accès direct, 21% réseaux sociaux, 4% sites partenaires.

Côté performance, la home tient ses promesses : LCP 1,8s, INP 86ms, CLS à 0, FCP à 1,7s.

En desktop, Lighthouse affiche 94/100 en performance et 100/100 en SEO ; en mobile, 73/100 en performance. L’accessibilité (93) et les bonnes pratiques (96) sont déjà solides des deux côtés.

Et la promesse de départ (l’autonomie) tient en pratique : les membres mettent à jour leur fiche et publient leurs actualités (modérées) sans passer par un développeur. Le site est désormais hébergé sur un compte OVH propre à l’association : fin de la dépendance à la bonne volonté d’un bénévole.

Bilan : refonte WordPress et autonomie éditoriale pour les associations à taille humaine

Ce projet illustre une réalité fréquente chez les associations et structures à taille humaine : le vrai levier n’est pas toujours la technique pure, mais la capacité à **redonner de l’autonomie aux membres** sur la durée, sans dépendre d’un prestataire pour chaque modification.

Au-delà de l’autonomie, le pari visuel tient aussi sa promesse : une interface simple, claire et épurée, qui fait la promotion du terroir plutôt que de la technique, le contenu et les artisans restent les stars, la mise en forme est au service.

Construire une architecture de contenu pensée pour des contributeurs non-techniques (bénévoles, artisans, restaurateurs) est une contrainte différente d’un projet corporate, mais tout aussi exigeante.

Vous portez une association ou un collectif de membres qui a besoin d’un site géré en autonomie ?

Échangeons sur vos enjeux de gestion de contenu et d’organisation digitale