Mejorando la experiencia del conductor
Cliente
Autopistas.com
Fecha
2025
Servicios
UX/UI, Dashboard, Diseño Atómico
Resumen del proyecto
Autopistas quería mejorar su Área de Clientes, la plataforma donde los usuarios gestionan sus consumos, facturas y productos de telepeaje. Sin embargo, la experiencia presentaba varios problemas:
- Navegación poco intuitiva, con información difícil de encontrar.
- Falta de jerarquía visual, lo que generaba confusión.
- Diseño obsoleto y accesibilidad limitada, dificultando su uso en diferentes dispositivos.
Mi objetivo fue claro: hacer que la experiencia fuera más fluida, moderna y funcional, sin añadir más complejidad de la necesaria.
Para ello, trabajé en todo el proceso de diseño UX/UI, desde la investigación hasta la validación final, asegurando que cada decisión estuviera respaldada por datos y enfocada en mejorar la experiencia del usuario.
Proceso
Investigación y análisis UX
Para entender los problemas reales, realicé entrevistas y encuestas con usuarios frecuentes:
🔎 40% tenía dificultades para encontrar su histórico de consumo.
📄 35% no sabía cómo descargar sus facturas.
🚧 La navegación se percibía como poco clara y frustrante.
Además, analicé la plataforma actual y realicé un benchmarking con productos similares para identificar oportunidades de mejora.
Soluciones UX: reestructuración del dashboard
Basándome en los hallazgos, diseñé un wireframe funcional que reorganizó por completo la experiencia:
- Dashboard centralizado con acceso directo a pagos, productos contratados y alertas.
- Gráfica de consumo interactiva para entender gastos mensuales.
- Accesos rápidos a funciones clave como facturas y configuración de privacidad.
- Preguntas frecuentes en formato acordeón, más compactas y accesibles.
- Promoción ECO rediseñada, visible sin interferir con las tareas principales.
Diseño UI: claridad, jerarquía y accesibilidad
Con el wireframe aprobado, pasé a la interfaz visual, asegurándome de que reflejara la identidad de Autopistas:
- Colores corporativos optimizados, usando el naranja para CTAs clave y tonos neutros para mejor legibilidad.
- Jerarquía tipográfica clara, con encabezados grandes y texto secundario bien estructurado.
- Iconografía de apoyo para mejorar la escaneabilidad.
- Accesibilidad mejorada, con botones más grandes, mejor contraste y navegación optimizada.
Impacto y aprendizajes
Antes del lanzamiento, realicé pruebas de usabilidad con un prototipo interactivo en Figma:
✅ 85% de los usuarios completaron sus tareas en menos de 2 minutos.
👍 90% calificó la experiencia como más clara e intuitiva.
📉 25% menos tiempo de navegación tras el rediseño.
Después de la implementación, los datos reflejaron mejoras significativas:
- 30% de incremento en la satisfacción de los usuarios en encuestas post-lanzamiento.
- 20% más descargas de justificantes con TicketBai, gracias a su mayor visibilidad y accesibilidad.
Claves del proyecto
- Diseñar para la escalabilidad. Se creó un sistema modular que permite futuras mejoras sin afectar la experiencia actual.
- Optimizar sin saturar. En plataformas con mucha información, eliminar fricción es más valioso que agregar nuevas funcionalidades.
- Medir el impacto real. Cada decisión de diseño fue validada con datos, asegurando que la solución respondiera a necesidades concretas.