Diseño de Infografía Interactiva y Narrativa Visual para la JEP

Narrativa visual e infografía interactiva para la comunicación de datos complejos

Infografías JEP Naty Late Diseñadora UX/UI

Cliente

JEP · Jurisdicción Especial para la Paz

Rol: Diseñadora de Información y UX dentro del equipo de Dactilar Producciones
Tipo de Proyecto: Infografía web interactiva y diseño de navegación.

Proceso y enfoque

La JEP genera informes técnicos y jurídicos con una carga de datos densa y de gran importancia nacional. El desafío era tomar estos documentos extensos y transformarlos en una experiencia visual digerible, sin perder el rigor de la información, para que cualquier ciudadano pudiera entender los avances y datos del proceso.

Mi trabajo consistió en el diseño de la interfaz y la navegación de las infografías. Fue crear un sistema de navegación donde el usuario pudiera explorar los datos de forma intuitiva.

Traducción de Datos: Convertí cifras y textos legales en gráficos, mapas e íconos claros.

UX de Navegación: Diseñé el flujo de cómo el usuario se desplazaría por la infografía (scroll, clics, transiciones) para asegurar una lectura fluida.

Estética Institucional: Mantuve la sobriedad y el respeto que requiere una entidad de paz, pero con una modernidad visual que invita a la exploración.

Este proyecto no fue lineal; requirió una metodología de diseño de información robusta para asegurar la precisión de los datos:

Inmersión: Comencé con la lectura profunda de los informes técnicos de la JEP proporcionados por Dactilar Producciones. Identifiqué los puntos clave, las cifras críticas y la jerarquía de la información para decidir qué debía ser visual y qué debía ser texto de apoyo.

Wireframing y Flujo de Navegación: Antes de diseñar, creé un esquema de navegación (wireframe). Definí cómo el usuario “viajaría” por los datos: ¿Se desplaza verticalmente? ¿Hay elementos que se abren al hacer clic? ¿Cómo se conectan los mapas con las gráficas de barras?

Prototipado Visual: Diseñé cada elemento gráfico (iconografía propia, mapas de calor, líneas de tiempo) asegurando una estética institucional pero moderna.

Logramos transformar informes de cientos de páginas en una herramienta digital interactiva. Aunque el desarrollo fue externo, mi diseño sirvió como la hoja de ruta técnica para que la programación fuera fiel a la experiencia de usuario planteada.

Estructura y detalles visuales de las infografías

Contacto

Hablemos

Si tienes una idea que necesita estructura o una web que ya no te representa, podemos revisarlo juntos. Escríbeme y vemos si soy la persona indicada para tu proyecto.