Relief Applications

UNESCO - Guía sobre energías renovables para sitios del Patrimonio Mundial

Renovamos la guía del Patrimonio Mundial de la UNESCO y la convertimos en un centro bilingüe y adaptado a móviles para proyectos eólicos y solares.

Cliente
UNESCO
Periodo
May–Jul 2025
Equipo
4 personas
Servicios
Desarrollo de aplicaciones
Tecnologías
ColdFusion, TinyMCE, Bootstrap 4.6, jQuery
Sector
Environmental protection
ODS
7. Affordable and clean energy, 11. Sustainable cities and communities, 13. Climate action, 17. Partnerships for the goals
Sitio web del cliente
unesco.org

Relief Applications colaboró con el Centro del Patrimonio Mundial de la UNESCO (Unidad de Europa y América del Norte) para transformar la Wind Energy Guidance existente en la nueva guía bilingüe Guidance on Wind and Solar Energy Projects in a World Heritage Context. Nuestro equipo rediseñó el recorrido del usuario, migró el contenido en inglés y francés y publicó el sitio en el plazo previsto, para que los Estados Partes y los promotores puedan conciliar más fácilmente sus ambiciones en energías renovables con la protección del patrimonio. El antiguo sitio «Guidance for Wind Energy Projects» se había convertido en una densa colección de referencias, estudios de caso y notas técnicas repartidas en páginas largas. La navegación en móvil era engorrosa, la jerarquía de las páginas era incoherente y cada actualización debía repetirse en francés. El WHC quería un rediseño que integrara el nuevo contenido sobre energía solar, funcionara sin problemas en teléfonos y tabletas y siguiera siendo fácil de mantener en su CMS ColdFusion a medida.

Nuestro enfoque En primer lugar, nuestro diseñador produjo un prototipo interactivo en Figma en el que un menú horizontal da acceso en un clic a cada capítulo y las secciones desplegables reducen el desplazamiento. Un botón de acción flotante sustituye a la antigua barra lateral en móvil y abre un panel de acceso rápido. Para que los autores siguieran siendo productivos, creamos un entorno de pruebas («sandbox») en Angular que reproduce el entorno del CMS: los editores podían pegar HTML en borrador, ver el resultado al instante y después trasladar el código a TinyMCE. Los componentes modulares de Bootstrap garantizaron la coherencia visual con la marca UNESCO. El desarrollo y la integración de contenidos avanzaron en sprints semanales, con seguimiento en JIRA. Mientras el equipo de la UNESCO finalizaba los gráficos, convertimos los borradores de Word en HTML semántico, primero en inglés y luego en francés. Gracias a este flujo de trabajo, el material que llegó tarde pudo publicarse incluso la víspera del lanzamiento.

Sitio en línea: whc.unesco.org/en/renewable-energy

El reto

  • La guía anterior solo trataba la energía eólica.
  • Las páginas largas y cargadas de texto obligaban a desplazarse mucho y dificultaban encontrar la información.
  • La navegación en móvil dependía de un menú lateral de varios toques que ocultaba los capítulos principales.
  • Cada cambio exigía repetir el trabajo en francés, lo que duplicaba el esfuerzo editorial.
  • Un CMS ColdFusion a medida limitaba las opciones de componentes modernos.
  • Una fecha de lanzamiento fija dejaba solo diez semanas para el diseño, el desarrollo y la localización.

Lo que hicimos

  • Se añadió un menú horizontal de capítulos para navegar al instante en un clic.
  • Las subsecciones desplegables dividen el texto denso en fragmentos breves.
  • En pantallas pequeñas, un botón de acción flotante abre una ventana de acceso rápido y sustituye a la voluminosa barra lateral.
  • Se creó un entorno de pruebas en Angular que reproduce el entorno ColdFusion, para que los editores pudieran previsualizar el contenido antes de pegarlo en TinyMCE.
  • Se desarrollaron componentes modulares de Bootstrap alineados con los tokens de diseño de la UNESCO para garantizar una identidad visual coherente.
  • Se adoptó un flujo de trabajo ágil (GitHub y JIRA) que permitió desplegar el mismo día el contenido bilingüe que llegaba tarde.
Guía sobre energías renovables para sitios del Patrimonio Mundial, UNESCO: screen 1 Guía sobre energías renovables para sitios del Patrimonio Mundial, UNESCO: screen 2 Guía sobre energías renovables para sitios del Patrimonio Mundial, UNESCO: screen 3 Guía sobre energías renovables para sitios del Patrimonio Mundial, UNESCO: screen 4 Guía sobre energías renovables para sitios del Patrimonio Mundial, UNESCO: screen 5 Guía sobre energías renovables para sitios del Patrimonio Mundial, UNESCO: screen 6

Más proyectos