Rediseño de app de rastreo vehicular.
Auditoría UX, sistema de diseño y rediseño completo de una app móvil de rastreo satelital para propietarios de vehículos.
Estudio:
Herramientas:
Auditoría UX, sistema de diseño y rediseño completo de una app móvil de rastreo satelital para propietarios de vehículos.
Estudio:
Herramientas:
Guardian es una app de rastreo satelital (iOS/Android) que le da control total del vehículo al usuario: ubicación en tiempo real, alerta de encendido y apagado remoto en caso de robo, con cobertura en todo Uruguay, Mercosur, Perú y Bolivia, e instalación en 40 minutos.
Cronograma del proyecto
1
Los resultados:
Una app funcional, pero difícil de usar
Guardian es una app de rastreo vehicular que ya tenía usuarios activos, pero arrastraba problemas acumulados de usabilidad, inconsistencias visuales y decisiones de producto sin resolver. El cliente necesitaba entender exactamente qué estaba fallando antes de seguir construyendo.
2
Los resultados:
Auditoría UX: antes de diseñar, entender.
El primer paso fue una auditoría UX exhaustiva de la app existente. Documentamos 50 hallazgos organizados por categoría: problemas de interacción, bugs de implementación, inconsistencias visuales y decisiones de producto que requerían validación del cliente.
Guardian hoy
50
Hallazgos UX documentados.6 categorías - 18 críticos.
2
Plataformas nativas cubiertas. iOS - Android - Modo claro y oscuro.
6
Flujos rediseñados. Wireframes y prototipo interactivo.
Nuestro proceso
19
Departamentos cubiertos. Todo Uruguay.,
5
Categorías de cobertura: Autos, motos, camiones, mascotas y personas
6
Países con cobertura internacional: Mercosur, Chile, Bolivia y Perú.
3
Los resultados:
El esqueleto después de la experiencia.
Reducimos la navegación a lo esencial: en vez de organizar por funciones, organizamos por lo que el usuario necesita resolver en cada momento.
4
Los resultados:
Tokens, antes que pantallas.
Antes de diseñar pantallas individuales, establecimos las bases del sistema: tokens de color, tipografía y componentes. Esto garantiza coherencia en la implementación y escala bien a medida que la app crece.
Escala de espaciado
Aa
Tipografía: Space Grotesk
Paleta de colores
Modos de presentación
Frame base & Grid
5
Los resultados:
Rediseño, pantalla por pantalla.
Con la auditoría resuelta y el sistema de diseño definido, cada pantalla fue rediseñada desde los hallazgos: se corrigieron los flujos rotos, se agregaron estados faltantes, se clarificó la jerarquía visual y se aseguró que las acciones críticas tuvieran el peso y la protección correcta.
Crítico:
Interfaz de comandos insegura: el botón de corte de motor estaba mezclado con acciones cotidianas, sin confirmación previa.
Importante:
El mapa usa colores para estados del vehículo (verde, amarillo, rojo, gris) sin ninguna leyenda explicativa.
Mejora:
Pantallas vacías sin estados de "empty state", la app no comunicaba nada cuando no había datos.
6
Los resultados:
El primer segundo, importa.
El splash screen es el primer contacto del usuario con la app.
Diseñamos una entrada limpia y directa: el logo centrado, fondo oscuro, y una transición suave hacia el login.
Sin distracciones, la identidad de Guardian habla sola.
7
Los resultados:
Handoff pensado para el desarrollador.
Todo el trabajo vive en Figma: wireframes, design tokens, UI Kit, moodboard y pantallas finales organizados en páginas separadas.
Cada entrega al desarrollador incluye especificaciones visuales y código Flutter de referencia cuando es relevante.
8
Los resultados:
Guardian está actualmente en desarrollo.
Los hallazgos de la auditoría están siendo implementados de forma progresiva junto con el rediseño visual.
Este case study se actualizará con resultados y métricas una vez que la versión rediseñada esté en producción.
