Plataforma Web Parque Lineal
Diseño UX/UI y Estructura Técnica
El Desafío El proyecto urbano "Parque Lineal" (Ate, La Molina y San Luis) necesitaba un espacio digital para comunicar la entrega de 48,000 nuevos árboles y mejoras en la Av. Separadora Industrial.
Mi Enfoque: El Ciudadano como Lector
Para lograr una navegación fluida, abordé el proyecto desde la usabilidad y la reducción de la carga cognitiva:
Arquitectura de la Información:
Estructuré el mapa del sitio dividiendo las 15 páginas en pilares lógicos de navegación: Sobre el proyecto, Participación ciudadana, Transparencia y Contacto.
UX Writing y Jerarquía Visual:
Diseñé interfaces donde los datos complejos (como los diagnósticos de seguridad y movilidad) se traducen en bloques escaneables, iconografía clara y tarjetas interactivas.
Ideación Centrada en el Usuario:
Integré dinámicas de Design Thinking y talleres de co-creación para alinear la estructura de la web con las necesidades reales de los vecinos que consultarían la información.
Sistema de Diseño y UI
Para garantizar la consistencia visual y la escalabilidad de las 15 internas, construí un sistema modular:
Librería de Componentes:
Creación de un UI Kit en Figma con elementos reutilizables (acordeones de preguntas frecuentes, grillas para artículos del blog, botones de estado para formularios).
Diseño de Plantillas (Templates):
Estandarización de vistas para el gestor de contenidos (CMS), asegurando que la carga de nuevas actas de talleres o noticias ambientales mantuviera la integridad visual.
Mobile-First:
Optimización de la legibilidad y el contraste de colores para dispositivos móviles, el principal canal de consulta de los ciudadanos.
Despliegue Técnico y Medición
Mi trabajo abarcó desde el diseño visual hasta la configuración técnica para asegurar el rendimiento del producto:
Optimización Técnica:
Ejecución de auditorías de PageSpeed y ajustes estructurales durante el despliegue para asegurar tiempos de carga rápidos, vitales para una plataforma de consulta pública.
Ecosistema de Analítica:
Implementación y configuración de etiquetas con Google Tag Manager y Google Analytics para rastrear el comportamiento del usuario.
Mejora Continua:
Integración de Microsoft Clarity para analizar mapas de calor y grabaciones de sesión, permitiendo iterar la usabilidad basándonos en datos reales de interacción.
El Impacto
Listo para llevar tu
negocio al siguiente nivel
Cuéntanos sobre tu proyecto. Respondemos en menos de 24 horas con una propuesta inicial sin costo.
¿Prefieres agendar una llamada directamente?