Biris Tech Logo
Biris Tech
Toutes les réalisations
Site Web

Plateforme du réseau KNOSA Bénin, science et politiques publiques

Plateforme nationale du réseau KNOSA Bénin, qui relie autorités publiques, scientifiques et partenaires institutionnels autour des données probantes. Notes de politique, actualités, webinaires et espace membre sécurisé.

Client
KNOSA Bénin
Année
2026
Domaine
Site Web
Voir le projet en ligne
Page d'accueil du réseau KNOSA Bénin
11
partenaires institutionnels
4
domaines thématiques

Le contexte

KNOSA Bénin est un réseau qui met le savoir scientifique au service des politiques publiques. Il rassemble des autorités publiques, des chercheurs et des partenaires institutionnels autour d'un même objectif : faire circuler les données probantes jusqu'aux décideurs. Avant la plateforme, ces échanges reposaient surtout sur des documents diffusés au coup par coup et sur des rencontres ponctuelles, sans point d'accès commun ni mémoire consultable. Le réseau avait besoin d'une adresse officielle capable de porter trois choses à la fois : la publication des notes de politique, l'animation de la vie du réseau (actualités, ateliers, webinaires) et l'accueil de nouveaux membres. La difficulté tenait au public visé : un site institutionnel destiné à des ministères et à des chercheurs doit inspirer confiance dès le premier écran, tout en restant simple à mettre à jour par une petite équipe.

La mission

  1. 01Concevoir l'identité d'interface et la direction artistique du site, réalisées par Biris Tech
  2. 02Structurer l'arborescence : accueil, notes de politique, actualités, webinaires, contact et adhésion
  3. 03Dessiner la page d'accueil comme une porte d'entrée : mission du réseau, chiffres clés, catégories de membres
  4. 04Créer les gabarits de publication des notes de politique et des actualités
  5. 05Mettre en place la page webinaires avec inscription par e-mail et état « aucun webinaire programmé »
  6. 06Construire le formulaire de contact et d'adhésion avec objets qualifiés (partenariat, candidature, proposition de webinaire, soumission de publication)
  7. 07Développer une extension WordPress sur mesure pour les besoins propres au réseau
  8. 08Publier les pages légales : charte éthique, conditions générales, politique de confidentialité
  9. 09Assurer la mise en ligne, la mesure d'audience et la sauvegarde du site

Ce que nous avons fait

Tout est parti du design : Biris Tech a défini la direction artistique complète, du choix typographique (Playfair Display pour les titres, DM Sans pour le texte courant) au traitement des blocs de contenu, avec l'objectif d'un rendu institutionnel sobre mais vivant. Ce design a ensuite été traduit dans WordPress sur le thème Hello Elementor, volontairement minimal, la mise en page étant entièrement pilotée par Elementor Pro. Nous avons construit des gabarits réutilisables pour les notes de politique, les actualités et les webinaires, afin que l'équipe du réseau publie sans jamais toucher à la structure. Les besoins qui sortaient du cadre d'Elementor ont été regroupés dans une extension développée pour le projet, biristools-knosa, ce qui évite d'empiler des greffons génériques. La mesure d'audience passe par Site Kit by Google, et les sauvegardes par UpdraftCentral, pour qu'un incident n'entraîne jamais de perte de contenu. Le site est servi via un cache de périphérie Varnish avec HTTP/3 activé, ce qui compte sur des connexions mobiles inégales.

Les livrables

  • Direction artistique et système visuel du site (typographies, couleurs, composants)
  • Maquettes des pages clés : accueil, notes de politique, actualités, webinaires, contact
  • Site WordPress sur mesure avec gabarits Elementor Pro réutilisables
  • Extension WordPress dédiée biristools-knosa
  • Formulaire de contact et d'adhésion à objets qualifiés
  • Mise en ligne, mesure d'audience et dispositif de sauvegarde

Les résultats

  • Le réseau dispose d'une adresse officielle unique, knosa.bj, où les notes de politique sont publiées et consultables en continu
  • L'équipe publie elle-même actualités, notes et annonces d'ateliers sans passer par un développeur
  • Le parcours d'adhésion est explicite : appels à l'action « Devenir membre » et « Découvrir la plateforme » présents dès l'accueil
  • Les demandes entrantes sont triées à la source grâce aux objets du formulaire (partenariat institutionnel, candidature, proposition de webinaire, soumission de publication)
  • Le site est adapté aux écrans mobiles, condition d'usage sur le terrain au Bénin
  • Cache de périphérie et HTTP/3 assurent des sur connexions lentes

Les technologies utilisées

Ce qui a servi à mettre le projet en place, et pourquoi ces choix plutôt que d'autres.

Socle et contenus

  • WordPress 7.0.4

    Permet à l'équipe du réseau de publier notes de politique et actualités sans dépendre d'un développeur.

  • Thème Hello Elementor

    Base volontairement neutre : aucun style imposé, la mise en page reste entièrement maîtrisée.

  • API REST WordPress (wp-json)

    Ouvre la porte à une réutilisation ultérieure des contenus par des partenaires du réseau.

Mise en page et interface

  • Elementor 4.2.1 et Elementor Pro

    Gabarits réutilisables pour les pages et les publications, modifiables par l'équipe.

  • Swiper

    Carrousels utilisés pour présenter partenaires et contenus mis en avant.

  • jQuery

    Socle d'interactions embarqué par WordPress et Elementor.

  • Google Fonts : Playfair Display, DM Sans, Roboto

    Playfair pour l'autorité des titres, DM Sans pour la lisibilité des textes longs.

Développement sur mesure

  • Extension biristools-knosa

    Extension écrite pour ce projet : regroupe les besoins propres au réseau plutôt que d'empiler des greffons génériques.

Exploitation et performance

  • Cache de périphérie Varnish (fastestcache)

    Sert les pages depuis le cache, ce qui stabilise les temps de réponse sur connexions mobiles.

  • HTTP/3 (Alt-Svc h3)

    Réduit la latence d'établissement de connexion, sensible sur réseaux mobiles béninois.

  • Site Kit by Google 1.184.0

    Suivi d'audience directement accessible depuis l'administration du site.

  • UpdraftCentral

    Sauvegardes pilotées à distance : aucune perte de contenu en cas d'incident.

L'architecture mise en place

Le site repose sur un socle WordPress hébergé derrière un cache de périphérie Varnish. La mise en page est pilotée par Elementor Pro sur un thème volontairement neutre, ce qui laisse le design entièrement entre nos mains. Les besoins spécifiques au réseau sont isolés dans une extension développée pour le projet, biristools-knosa, plutôt que dispersés dans des greffons génériques. L'exploitation courante repose sur Site Kit by Google pour la mesure d'audience et UpdraftCentral pour les sauvegardes.

01

Diffusion et performance

Servir les pages rapidement, y compris sur connexions mobiles instables

  • Cache de périphérie Varnish (fastestcache)
  • HTTP/3 annoncé via Alt-Svc
  • Compression négociée (Vary: Accept-Encoding)
  • Chargement des polices en font-display: swap
02

Socle applicatif

Gérer les contenus et les droits de publication de l'équipe du réseau

  • WordPress 7.0.4
  • API REST wp-json
  • Rôles et droits de publication
  • Sauvegardes UpdraftCentral
03

Mise en page et design

Traduire la direction artistique Biris Tech en gabarits modifiables

  • Thème Hello Elementor (base neutre)
  • Elementor 4.2.1 et Elementor Pro
  • Gabarits de notes de politique, actualités et webinaires
  • Playfair Display, DM Sans et Roboto
  • Carrousels Swiper
04

Développement sur mesure

Couvrir les besoins propres au réseau hors du périmètre d'Elementor

  • Extension biristools-knosa
  • Formulaire de contact à objets qualifiés
  • Inscription aux webinaires par e-mail
05

Pilotage et conformité

Suivre l'audience et encadrer l'usage de la plateforme

  • Site Kit by Google 1.184.0
  • Balise gtag de mesure d'audience
  • Charte éthique du réseau
  • Conditions générales d'utilisation et politique de confidentialité

Le projet en images

Cliquez sur un visuel pour l'agrandir.

Page d'accueil : la mission du réseau et les chiffres clés dès le premier écran
Vue complète de l'accueil : mission, chiffres, catégories de membres, actualités et accès à la plateforme
Notes de politique : les publications du réseau rassemblées en un point d'accès unique
Actualités : ateliers, séminaires et appels à contributions du réseau
Webinaires : programmation et inscription par e-mail pour recevoir le lien d'accès
Contact et adhésion : formulaire à objets qualifiés et coordonnées du réseau

Sur mobile

La majorité des visites se fait au téléphone : voici le rendu tel que le voit un visiteur.

Accueil sur téléphone : la même hiérarchie d'information en une colonne
Notes de politique sur mobile : lecture confortable des publications
Actualités sur mobile : suivi de la vie du réseau depuis le terrain
Webinaires sur mobile : inscription accessible en quelques gestes
Formulaire de contact sur mobile : champs et objets adaptés au petit écran

Démonstrations

Parcours complet du siteAccueil, notes de politique, actualités, webinaires et contact.