UNESCO - Guidance for Renewable Energy Projects in a World Heritage Context
About Project:
Services:
Web development
UX
Industry:
Environmental protection
Time-frame:
2 months
Team size:
4 persons
Client / Team:
N/A
Technologies:
ColdFusion
TinyMCE
Bootstrap 4.6
jQuery
Supported Sustainable Development Goals:
The context
Relief Applications partnered with UNESCO’s World Heritage Centre (Europe & North America Unit) to transform the existing Wind Energy Guidance into the new bilingual Guidance on Wind and Solar Energy Projects in a World Heritage Context. Our team redesigned the user journey, migrated English-and-French content, and released the site on schedule, ensuring that States Parties and developers can more easily balance renewable-energy ambitions with heritage protection.
The legacy “Guidance for Wind Energy Projects” site had grown into a dense collection of references, case studies and technical notes spread across long pages. Mobile navigation was cumbersome, page hierarchies were inconsistent, and every update had to be repeated in French. WHC wanted a redesign that integrated new solar content, worked seamlessly on phones and tablets and remained maintainable inside its custom ColdFusion CMS.
Our approach
First, our designer produced an interactive Figma prototype where a horizontal menu gives one‑click access to every chapter, and collapsible sections cut scrolling time. A floating action button replaces the old mobile side‑bar, opening a quick‑jump panel. To keep authors productive we built an Angular “sandbox” that mirrors the CMS environment; editors could paste draft HTML, see the result instantly and then move the code into TinyMCE. Modular Bootstrap components ensured visual consistency with UNESCO branding. Development and content integration moved forward in weekly sprints, tracked in JIRA. While UNESCO’s team finalised graphics, we converted Word drafts into semantic HTML, first in English then in French. Thanks to this workflow, late‑arriving material could still be published the evening before launch. Live site: whc.unesco.org/en/renewable-energy
The challenge
01.
Legacy guidance covered only wind energy.
02.
Long, text‑heavy pages created scroll fatigue and slowed information retrieval.
03.
Mobile navigation relied on a multi‑tap side drawer that hid core chapters.
04.
Each change required duplicate work in French, doubling editorial effort.
05.
A bespoke ColdFusion CMS limited modern component options.
06.
A fixed launch allowed just ten weeks for design, build and localisation.
Our Solution
01.
Added a horizontal one‑click chapter menu for instant navigation.
02.
Collapsible sub‑sections divide dense text into bite‑sized chunks.
03.
Implemented a floating action button on small screens that opens a quick‑jump modal, replacing the bulky side‑bar.
04.
Built an Angular sandbox mirroring the ColdFusion environment so editors could preview content live before pasting into TinyMCE.
05.
Developed modular Bootstrap components aligned with UNESCO design tokens to ensure seamless branding.
06.
Adopted an agile workflow (GitHub + JIRA) enabling same‑day deployment of late‑arriving bilingual content.
More Details
Portfolio
Contact us
Let's discuss your project
Choose the subject
IT Development
Tech Consulting
Humanitarian Consulting
Web / Mobile Applications
Web Platforms
Chatbots
Field Equipment MS
Case Management System
Monitoring & Evaluation MS
Supply Chain Management System
Voice Assistants
Warehouse Management
Data Management Systems
Refueling Log Book
Custom Applications