Refonte multi-sites 4-H

4-H est le plus grand programme de développement jeunesse aux États-Unis, administré par l’USDA (ministère de l’Agriculture). Il connecte des millions de jeunes à des programmes en science et engagement civique, avec une forte présence locale dans presque tous les états. La présence web de 4-H devait refléter cette double identité : un pôle de marque national et un réseau de sites de chapitres locaux desservant des communautés distinctes. Le défi était de taille : 4-H exigeait une plateforme robuste capable de désservir des centaines de milliers de visiteurs uniques par mois, tout en restant suffisamment flexible pour que les chapitres locaux puissent lancer et gérer leurs propres sous-sites.

Notre rôle

LittleBox a été impliqué dans le projet dès la phase initiale :

• Nous avons mené un audit complet de la structure et de la navigation du site.
• Nous avons conseillé les équipes de conception UX et UI sur le développement des scénarios utilisateur (user stories) et la définition des composants graphiques.
• Nous avons conçu un modèle de gouvernance de contenu donnant le bon niveau de contrôle aux différents paliers de gestionnaires de contenus.
• Nous avons développé et déployé l’ensemble du système avec un plan d’opérations à long terme.

Notre solution

Architecture multisite

Nous avons choisi WordPress multisite comme épine dorsale, permettant un modèle en étoile (hub-and-spoke) :

• Site du Conseil (le pôle national) plus les sites des chapitres satellites.
• Thème de base partagé avec des remplacements au niveau du site pour les différences de branding et de mise en page.
• Contrôles centralisés pour la sécurité et l’infrastructure; accès éditorial distribué pour les équipes des États et des comtés.

Contenus et fonctionnalités personnalisées

Le développement a nécessité la création de types de publication et de taxonomies personnalisées pour des éléments de contenu clés comme les événements, les localisations, les promotions et les liens internes, l’ensemble de la structure étant piloté par des champs personnalisés avancés (Advanced Custom Fields) pour alimenter des gabarits de page flexibles, assemblés à l’aide de composants réutilisables. Pour garantir la cohérence du design sur tous les sites tout en permettant les variations locales nécessaires, le projet a inclus la livraison d’un guide de styles et d’une bibliothèque de composants unifiés.

Système de gestion d’événements

Étant donné que les activités de 4-H sont centrées sur les événements, nous avons développé une plateforme d’événements sur mesure via WordPress :

• Flux de travail personnalisés pour la création, l’approbation et la publication d’événements, tant au niveau national que local.
• Intégration avec l’API Google Maps pour la recherche d’adresses et le géocodage.
• Un outil de recherche de lieux permettant aux utilisateurs de trouver des événements par État, code postal ou rayon de proximité.
• Optimisations des performances incluant la mise en cache des recherches, des requêtes indexées et des images optimisées, afin que la carte et les listes d’événements puissent supporter le trafic national.

Ce système est devenu l’épine dorsale de programmes comme la Journée nationale des sciences pour la jeunesse (National Youth Science Day), permettant aux visiteurs de consulter la participation à travers le pays.

Hébergement et DevOps

Nous n’avons pas seulement déployé un site web, nous avons également été chargés de mettre en œuvre la solution complète d’hébergement et de DevOps. Cela comprenait :

• Hébergement sur WP Engine pour tous les environnements.
• Conception d’un processus de déploiement où tous les changements passaient par l’environnement de préproduction, avec des sauvegardes et la purge des cache.
• Mise en œuvre d’un processus permettant de déployer le code et les changements aux contenus tout en préservant les données critiques comme les utilisateurs et les données liées aux formulaires.
• Mise en place de la gestion DNS et des couches de redirection (DNS → WP Engine → WordPress) pour assurer flexibilité et résilience.
• Création d’un manuel d’opérations (operations playbook) : sauvegardes avant chaque lancement et procédures de retour arrière en cas d’échec.

Au final, nous avons établi une pratique DevOps complète pour WordPress à grande échelle, adaptée à une organisation qui gère simultanément des dizaines d’événements et de chapitres.

Résultats clés

• Une plateforme multisite évolutive qui sert de pôle numérique national pour 4-H, tout en permettant le lancement rapide de sites de chapitres.
• Un système robuste de gestion d’événements géolocalisés, aidant 4-H à connecter les communautés rurales et urbaines.
• Un cadre de déploiement et d’opérations qui a donné à 4-H confiance dans la stabilité, la performance et la maintenabilité de la plateforme.
• Une solution qui a renforcé la capacité de 4-H à mener des campagnes nationales tout en dotant les chapitres locaux d’outils pour leurs communautés.