Inicio > Con Conciencia Social, Informe GEB 2019

Con Conciencia Social, Informe GEB 2019

En alianza con

Proyecto realizado junto al equipo de Taller de Edición.

Año 2020

Herramienta HTML / CSS

Habilidades Diseño UX/UI, Desarrollo web

Año 2020

Herramienta HTML / CSS

Habilidades Diseño UX/UI, Desarrollo web

GEB Informe 2019: página de inicio (Home) con diseño adaptativo (desktop y móvil).

Vista de la página de inicio del Informe de Sostenibilidad GEB 2019. Izquierda: muestra la presentación en desktop. Derecha: muestra la presentación en móvil, destacando cómo la página se ajusta al dispositivo (responsive design), construida en HTML y CSS.

El Informe GEB 2019 es la versión digital del Informe de Sostenibilidad 2019 de Grupo Energía Bogotá. Se desarrolló un sitio web interactivo que equilibra dinamismo y claridad, ofreciendo una experiencia de lectura fluida y accesible.

Para mejorar la interacción del usuario, se implementaron contadores animados, mapas en SVG y galerías, organizados en una navegación estructurada en un primer nivel. El diseño digital mantiene la identidad visual del informe impreso, garantizando coherencia y adaptabilidad al entorno web.

GEB Informe 2019: Hitos destacados, Materialidad, Crónicas y Grupos Estratégicos de la empresa.

Vistas de secciones internas del informe. Izquierda arriba: desarrollo de uno de los hitos relevantes de la compañía en 2019. Izquierda abajo: listado de las crónicas de la empresa. Derecha arriba: desarrollo de la página de Materialidad de la empresa. Derecha abajo: muestra los Grupos Estratégicos de la empresa, que funcionan como botones para acceder a la información detallada de cada uno.

GEB Informe 2019: página de Hitos 2019 con datos financieros y cadena energética de valor.

Desarrollo de la página de Hitos del 2019 de la empresa. Mantiene el lenguaje gráfico del informe impreso mediante el uso de gráficas e iconos. Muestra los hitos del año, la situación financiera, los reconocimientos y la cadena energética de valor.

GEB Informe 2019: capítulo Transmisión y Transporte (desktop vs. móvil, mapas y tabs).

Desarrollo de la página del capítulo Transmisión y Transporte de la empresa. Izquierda: muestra la versión desktop, que utiliza un mapa graficado para visualizar cifras destacadas por país, complementado con tabs para el detalle de la información. Derecha: muestra la versión móvil aplicada a esta misma página. Para mejorar la legibilidad y la experiencia móvil, se retiró el mapa y los contenidos de las empresas se adaptaron a un formato one scroll más limpio, separado por país y color.

Informe sostenibilidad, Grupo Energía Bogotá, GEB 2019, , Informe anual