Un sistema de diseño atómico para el control de emisiones
Cliente
Opus RSE
Fecha
2024 - 2025
Servicios
UI, Sistema de Diseño, Diseño Atómico
Resumen del proyecto
Opus RSE es una empresa especializada en la monitorización de emisiones mediante radares inteligentes en entornos urbanos y carreteras. Sus plataformas digitales permiten a clientes, técnicos y equipos internos analizar datos en tiempo real, optimizar procesos y garantizar el cumplimiento normativo.
El reto consistió en el rediseño integral de tres plataformas clave:
- Portal Web para clientes: Dashboard donde los ayuntamientos y organismos públicos analizan las emisiones en tiempo real y generan informes estratégicos.
- NextGen: Plataforma operativa para técnicos de campo que permite calibrar y supervisar radares en tiempo real.
- Web App Interna: Aplicación para la monitorización y mantenimiento técnico de los radares en funcionamiento.
Para ello, desarrollé un sistema de diseño escalable basado en principios de diseño atómico, asegurando coherencia visual, usabilidad optimizada y una experiencia de usuario eficiente en todas las plataformas.
Investigación y Análisis UX
Para garantizar que el rediseño resolviera las necesidades reales de los usuarios, llevamos a cabo un análisis basado en:
1. Evaluación de las plataformas existentes
- Auditoría UX para identificar problemas de navegación, carga cognitiva y accesibilidad.
- Comparación entre las versiones previas y el nuevo enfoque para detectar puntos críticos de mejora.
2. Análisis de necesidades con usuarios y stakeholders
- Reuniones con clientes y técnicos para entender flujos de trabajo y puntos de fricción.
- Mapeado de los principales problemas, desde dificultades con filtros y visualización de datos hasta inconsistencias en la interfaz.
3. Benchmarks y patrones de diseño
- Análisis de dashboards de datos en tiempo real y plataformas de gestión operativa para identificar mejores prácticas.
- Comparación con herramientas de análisis de emisiones para encontrar referencias visuales y de interacción optimizadas.
Solución: Creación de un Sistema de Diseño Atómico
Para abordar estos desafíos, desarrollé un sistema de diseño en Figma con una estructura modular y reutilizable, asegurando coherencia, escalabilidad y flexibilidad.
Elementos Clave del Sistema
✅ Nueva Guía Visual → Definición de un lenguaje de diseño coherente para todas las aplicaciones.
✅ Jerarquización Tipográfica → Establecimiento de estilos claros para mejorar la legibilidad en entornos operativos.
✅ Componentes UI reutilizables → Creación de botones, formularios, menús y gráficos adaptables a todas las plataformas.
✅ Optimización de Interacciones → Implementación de filtros avanzados, gráficos dinámicos y navegación optimizada.
✅ Paleta de Colores Mejorada → Desarrollo de un esquema cromático funcional adaptado a cada aplicación.
Resultados
🔹 Portal Web para Clientes → Dashboard optimizado con mejor visualización de datos, navegación más intuitiva y gráficos dinámicos.
🔹 NextGen (Técnicos de Campo) → Flujos de calibración mejorados, navegación optimizada y uso más eficiente en condiciones de trabajo complejas.
🔹 Web App Interna → Supervisión centralizada, con herramientas visuales que facilitan la monitorización de radares en tiempo real.
Además:
- Unificación visual y estructural de las tres plataformas.
- Reducción de la carga cognitiva con una interfaz más limpia y jerárquica.
- Escalabilidad garantizada, permitiendo futuras mejoras sin perder consistencia.
