Relief Applications

UNESCO - Guide sur les énergies renouvelables pour les sites du patrimoine mondial

Refonte du guide du patrimoine mondial de l’UNESCO en un pôle bilingue, adapté au mobile, pour les projets éoliens et solaires.

Client
UNESCO
Période
May–Jul 2025
Équipe
4 personnes
Services
Développement d’applications
Technologies
ColdFusion, TinyMCE, Bootstrap 4.6, jQuery
Secteur
Environmental protection
ODD
7. Affordable and clean energy, 11. Sustainable cities and communities, 13. Climate action, 17. Partnerships for the goals
Site du client
unesco.org

Relief Applications s’est associée au Centre du patrimoine mondial de l’UNESCO (Unité Europe et Amérique du Nord) pour transformer le guide existant sur l’énergie éolienne en nouveau Guide bilingue sur les projets d’énergie éolienne et solaire dans un contexte de patrimoine mondial. Notre équipe a repensé le parcours utilisateur, migré les contenus anglais et français, et mis le site en ligne dans les délais, pour que les États parties et les porteurs de projets puissent plus facilement concilier leurs ambitions en matière d’énergies renouvelables et la protection du patrimoine. L’ancien site « Guidance for Wind Energy Projects » était devenu un ensemble dense de références, d’études de cas et de notes techniques réparties sur de longues pages. La navigation mobile était lourde, la hiérarchie des pages incohérente, et chaque mise à jour devait être refaite en français. Le Centre du patrimoine mondial voulait une refonte qui intègre le nouveau contenu sur le solaire, fonctionne sans accroc sur téléphones et tablettes et reste maintenable dans son CMS ColdFusion sur mesure.

Notre approche D’abord, notre designer a produit un prototype Figma interactif où un menu horizontal donne accès en un clic à chaque chapitre, et où des sections repliables réduisent le temps de défilement. Un bouton d’action flottant remplace l’ancienne barre latérale mobile et ouvre un panneau d’accès rapide. Pour que les rédacteurs restent productifs, nous avons construit un « bac à sable » Angular qui reproduit l’environnement du CMS : les éditeurs pouvaient coller un HTML de brouillon, voir le résultat immédiatement, puis transférer le code dans TinyMCE. Des composants Bootstrap modulaires ont assuré la cohérence visuelle avec l’identité de l’UNESCO. Le développement et l’intégration des contenus ont avancé par sprints hebdomadaires, suivis dans JIRA. Pendant que l’équipe de l’UNESCO finalisait les graphiques, nous avons converti les brouillons Word en HTML sémantique, d’abord en anglais puis en français. Grâce à ce processus, les contenus arrivés tardivement pouvaient encore être publiés la veille du lancement.

Site en ligne : whc.unesco.org/en/renewable-energy

Le défi

  • L’ancien guide ne couvrait que l’énergie éolienne.
  • De longues pages chargées de texte provoquaient une fatigue de défilement et ralentissaient la recherche d’information.
  • La navigation mobile reposait sur un tiroir latéral à plusieurs appuis qui masquait les chapitres principaux.
  • Chaque modification demandait un travail en double en français, ce qui doublait l’effort éditorial.
  • Un CMS ColdFusion sur mesure limitait les options de composants modernes.
  • Un lancement à date fixe ne laissait que dix semaines pour la conception, la réalisation et la localisation.

Ce que nous avons fait

  • Ajout d’un menu horizontal de chapitres en un clic pour une navigation immédiate.
  • Des sous-sections repliables découpent le texte dense en morceaux digestes.
  • Mise en place, sur petit écran, d’un bouton d’action flottant qui ouvre une fenêtre d’accès rapide et remplace la barre latérale encombrante.
  • Construction d’un bac à sable Angular reproduisant l’environnement ColdFusion, pour que les éditeurs prévisualisent le contenu en direct avant de le coller dans TinyMCE.
  • Développement de composants Bootstrap modulaires alignés sur les design tokens de l’UNESCO pour une identité visuelle cohérente.
  • Adoption d’un processus agile (GitHub + JIRA) permettant de déployer le jour même les contenus bilingues arrivés tardivement.
Guide sur les énergies renouvelables pour les sites du patrimoine mondial, UNESCO: screen 1 Guide sur les énergies renouvelables pour les sites du patrimoine mondial, UNESCO: screen 2 Guide sur les énergies renouvelables pour les sites du patrimoine mondial, UNESCO: screen 3 Guide sur les énergies renouvelables pour les sites du patrimoine mondial, UNESCO: screen 4 Guide sur les énergies renouvelables pour les sites du patrimoine mondial, UNESCO: screen 5 Guide sur les énergies renouvelables pour les sites du patrimoine mondial, UNESCO: screen 6

Plus de projets