Site institutionnel du Réseau Béninois de la Jeunesse pour l'Eau

Le contexte

Le Réseau Béninois du Parlement Mondial de la Jeunesse pour l'Eau (anciennement Parlement National de la Jeunesse pour l'Eau et l'Assainissement du Bénin) est une organisation apolitique et à but non lucratif créée le 2 avril 2015. En 2024, le réseau nous confie la réalisation de son site à partir d'une maquette qu'il avait produite de son côté : notre rôle se limite alors à l'implémentation. Deux ans plus tard, en suivant l'évolution du réseau et l'usage réel du site, nous estimons que sa présentation ne rend plus justice à son activité. Nous prenons l'initiative de proposer une refonte complète, accompagnée cette fois de notre propre proposition de design. Le réseau la valide, et nous la mettons en œuvre.

1. 2024Première version

   Le réseau nous confie l'implémentation de son site à partir d'une maquette qu'il avait lui-même produite. Nous développons et mettons en ligne cette première version, qui lui donne sa présence sur le web.

2. 2026Refonte à notre initiative

   Après deux ans à faire vivre le site, nous proposons spontanément au réseau une refonte, cette fois avec notre propre proposition de design. Elle est validée, puis implémentée : nouvelle direction artistique, structure éditoriale revue, composant sur mesure pour les axes stratégiques, médiathèque et collecte de dons.

1. 01Proposer une direction artistique qui rende justice au rôle du réseau, là où la première version reprenait une maquette fournie par le client
2. 02Reprendre l'arborescence à partir de l'usage réel constaté sur deux ans
3. 03Présenter la vision, la mission, les valeurs et l'histoire du réseau depuis sa création en 2015
4. 04Rendre les trois axes stratégiques immédiatement lisibles, sans noyer le visiteur sous le texte
5. 05Conserver et renforcer l'autonomie éditoriale de l'équipe sur les évènements et les articles
6. 06Constituer une médiathèque valorisant les actions menées sur le terrain
7. 07Ouvrir un canal de contribution financière adapté aux moyens de paiement locaux
8. 08Mettre en avant les partenaires du réseau
9. 09Garantir un site rapide, y compris sur les connexions mobiles du pays

Ce que nous avons fait

La démarche de 2026 s'est distinguée de celle de 2024 sur un point essentiel : nous ne sommes plus partis d'une maquette fournie, mais d'une proposition de design que nous avons construite et défendue nous-mêmes, avant de la faire valider. Nous nous sommes appuyés sur deux ans de recul pour savoir quelles rubriques étaient réellement utilisées et où l'équipe butait pour publier. Le site reste construit sur WordPress : l'équipe publie elle-même ses évènements et ses articles, et il n'était pas question de lui retirer cette autonomie. La mise en page s'appuie sur Elementor, avec un thème volontairement neutre servant de socle. Pour la présentation des axes stratégiques, aucun composant existant ne donnait le résultat attendu : nous avons donc développé une extension WordPress sur mesure, sous forme de widget Elementor dédié, qui reste éditable par l'équipe comme n'importe quel autre bloc. L'accent a enfin été mis sur les temps de chargement, avec une couche de cache et de diffusion en périphérie.

• Refonte complète du site : accueil, présentation, initiatives, évènements, médiathèque
• Extension WordPress sur mesure pour la présentation des axes stratégiques
• Carrousel de bannières et galerie médias en vue agrandie
• Intégration de la collecte de dons via FedaPay
• Pages légales : politique de confidentialité et conditions d'utilisation
• Configuration des performances : cache, optimisation et diffusion en périphérie
• Back-office autonome pour la publication des contenus

Les résultats

• Une relation suivie depuis 2024 : implémentation, puis refonte proposée à notre initiative
• Une direction artistique portée et défendue par nos soins, validée par le réseau
• Axes stratégiques présentés dans un composant dédié, développé spécifiquement
• L'équipe publie elle-même ses évènements et ses articles, sans intervention technique
• Contributions financières reçues directement en ligne
• Site servi depuis un cache en périphérie, avec support HTTP/3