Site institutionnel du Projet GEBER, master en gestion énergétique des bâtiments

Le contexte

Le Projet GEBER est un programme universitaire de coopération entre l'UNSTIM au Bénin et l'Université de Liège en Belgique, consacré à la gestion énergétique des bâtiments et aux énergies renouvelables. Il regroupe plusieurs offres distinctes : un master professionnel de 120 crédits ECTS sur le campus de Lokossa, des formations continues, à distance et à la carte, ainsi qu'un volet recherche avec doctorats, post-doctorats et une chambre climatique expérimentale. Avant le site, ces informations circulaient de façon dispersée et le programme ne disposait pas d'un point d'entrée unique pour les candidats, les enseignants et les partenaires institutionnels. L'enjeu était double : donner au projet une vitrine crédible à hauteur d'un partenariat académique international, et rendre lisible en quelques clics un parcours de candidature avec des critères, un calendrier et des pièces à fournir. Le site devait également pouvoir être mis à jour par l'équipe du projet, sans nous solliciter pour le quotidien à chaque publication d'actualité ou d'appel à candidatures.

1. 01Concevoir l'identité visuelle numérique et le design d'interface de l'ensemble du site
2. 02Structurer l'arborescence autour des trois entrées formations, recherche et admission
3. 03Concevoir la mise en page des contenus pédagogiques et scientifiques fournis par le projet
4. 04Construire le site sous WordPress avec Elementor Pro et le thème Hello Elementor
5. 05Mettre en place l'en-tête collant et le menu déroulant multi-niveaux de navigation
6. 06Intégrer la section admission avec critères, calendrier de candidature et pièces à fournir
7. 07Créer les gabarits d'actualités, d'événements et de médiathèque
8. 08Optimiser le chargement des pages et la conformité cookies

Ce que nous avons fait

Le point de départ a été la cartographie des publics du projet, candidats au master, professionnels en formation continue, chercheurs et partenaires institutionnels, puis nous avons dérivé de cette cartographie une arborescence à trois entrées principales. Le design a été entièrement réalisé par Biris Tech : palette, typographie, traitement des visuels, composition des blocs de contenu et déclinaison mobile. Nous avons ensuite traduit ces maquettes en gabarits Elementor Pro réutilisables, de manière à ce que chaque nouvelle page de formation reprenne la même grammaire visuelle sans repartir de zéro. Le parcours d'admission a fait l'objet d'un travail particulier : le calendrier de candidature, les critères d'éligibilité et la liste des pièces sont présentés sous forme séquentielle pour éviter les allers-retours. Le contenu long, notamment la FAQ et les descriptions de modules, a été placé dans des accordéons pour garder les pages parcourables. Enfin nous avons activé l'optimisation de cache et le chargement différé des images, le site étant riche en photographies de laboratoire et de campus.

• Design complet de l'interface, versions bureau et mobile
• Site WordPress sur mesure avec Elementor Pro
• Gabarits réutilisables pour les pages de formation et de recherche
• Section admission avec calendrier et procédure de candidature
• Espace actualités, événements et médiathèque
• Bandeau de consentement cookies et pages légales
• Transfert de compétences pour la mise à jour autonome des contenus

Les résultats

• Un point d'entrée unique regroupant les six formats de formation du programme, du master aux formations à la carte
• Un parcours de candidature explicite, avec critères, calendrier en cinq étapes et pièces à fournir sur une seule page
• Une navigation à menu déroulant qui expose les pages recherche, doctorat, post-doctorat et chambre climatique dès l'accueil
• Un site que l'équipe pédagogique met à jour elle-même pour les actualités et les appels à candidatures
• Une présentation homogène des partenaires institutionnels du projet