Abstract27

Franco-British Data Society : un site sur mesure sous Ghost pour une association franco-britannique

Jérémie Raude-Leroy4 min de lecture
etude-de-cas
Sur cette page

Client

Franco-British Data Society — association franco-britannique dédiée à la donnée et à l'intelligence artificielle, qui réunit chercheurs, entreprises et institutions des deux côtés de la Manche autour d'une quarantaine d'événements depuis 2019.

Secteur

Association — réseau professionnel data et IA

Services fournis

Objectif du projet

La Franco-British Data Society vivait sur un WordPress hébergé chez OVH, hérité de ses premières années. Le site racontait mal ce que fait réellement l'association : un agenda d'événements dense, un conseil d'administration nourri, et des adhésions à plusieurs niveaux.

Trois objectifs ont été posés :

  1. Rendre l'agenda lisible. Une association qui organise des événements est jugée sur son agenda. Le sien noyait les prochaines rencontres au milieu de six ans d'archives.
  2. Donner une identité franco-britannique assumée, sans tomber dans le drapeau décoratif.
  3. Rendre l'équipe autonome : publier un événement, ajouter un membre du bureau, envoyer une newsletter, sans nous appeler.

Le défi

  • Reprendre l'intégralité du contenu WordPress sans perdre l'historique des événements
  • Distinguer les événements à venir des événements passés — ce que Ghost ne sait pas faire nativement
  • Construire un thème qui tienne la comparaison avec les sites institutionnels du secteur
  • Reprendre une base de contacts constituée à la main, dans un tableur, sur plusieurs années
  • Livrer un back-office qu'une équipe bénévole peut réellement tenir

Solutions mises en œuvre

Un thème Ghost sur mesure, versionné

Le site tourne sur un thème développé spécifiquement pour l'association, suivi dans son propre dépôt Git avec une version taguée à chaque étape — l'association peut revenir en arrière à tout moment.

Le parti pris graphique reprend le bleu, le blanc et le rouge communs aux deux drapeaux, en bandeau fin plutôt qu'en aplat. Chaque page porte un bandeau photographique de Londres ou de Paris, et des animations discrètes au défilement rythment la lecture sans la ralentir.

Un bloc partenaires mutualisé est déclaré une seule fois dans le thème et s'affiche sur l'accueil, la page « À propos », la page contact et la page équipe : mettre à jour un logo, c'est une seule modification.

L'agenda scindé à venir / passés

C'est la pièce technique du projet. Ghost ne sait pas comparer une date de publication à « maintenant » dans un thème — le filtre existe dans l'API mais revient vide côté template.

Nous avons donc retourné le problème : la page rend tous les événements côté serveur, chacun portant sa date dans un attribut de données, et un script les répartit en deux sections au chargement — les prochaines rencontres d'abord, les archives ensuite. Les événements dont la date reste à confirmer sont comptés comme à venir, ce qui est le comportement attendu par l'association.

La pagination a été reprise dans la foulée : les visiteurs ne voyaient que les douze événements les plus récents sur les quarante et un que compte le site, les liens de page ne s'affichant pas. L'historique complet est de nouveau accessible.

Adhésions, newsletter et base de contacts

Ghost sert aussi de moteur d'adhésion. Les différents niveaux de membres — bureau, standard, startup, étudiant — sont gérés directement dans le back-office, le paiement passant par le compte de l'association.

La liste de diffusion, jusque-là tenue dans un tableur, a été reprise : 188 contacts importés, dédoublonnés, rattachés à leur niveau d'adhésion et abonnés à la newsletter. L'import a été étiqueté pour rester réversible.

Structure éditoriale et pages légales

L'espace équipe distingue les parrains de l'association des membres du conseil, chacun avec sa fonction. Les mentions légales, la politique de confidentialité et la politique de cookies ont été rédigées et rangées dans une navigation secondaire en pied de page.

Approche par étapes

1️⃣ Reprise du contenu WordPress — pages, événements et membres du bureau importés, structurés en contenus Ghost.

2️⃣ Version bêta sur un sous-domaine — l'association a validé design et navigation avant toute bascule.

3️⃣ Refonte graphique — bandeaux, animations, bloc partenaires, pied de page à quatre colonnes.

4️⃣ Formation de l'équipe — sessions dédiées : publier un événement, mettre à jour une fiche membre, comprendre l'image de une qui devient automatiquement le bandeau de la page.

5️⃣ Bascule sur le domaine définitif francobritishdatasociety.org, puis reprise de la base de contacts.

Résultats

L'association publie ses événements elle-même, en autonomie complète. L'agenda met en avant ce qui arrive plutôt que ce qui est passé, l'historique reste consultable, et les adhésions comme la newsletter vivent dans le même back-office que le contenu — sans outil externe à synchroniser.

Conclusion

Une association qui organise des événements n'a pas besoin d'un site vitrine : elle a besoin d'un agenda qui fonctionne, d'un espace membres et d'une interface que des bénévoles peuvent tenir entre deux réunions. Ghost couvre les trois, à condition d'accepter d'écrire le peu de code que le CMS ne fournit pas.

Vous êtes une association et votre site vous échappe ?

Parlons-en — ou découvrez notre offre de création de site et d'hébergement pour les associations.

Articles similaires


Essai gratuit de 14 jours · Sans carte bancaire