Caso 01 / 05 · UX / UI · Mobile

Rediseño Driver App — Tucar v1

Cómo reconstruí la app de conductores de Tucar desde investigación con usuarios reales hasta una interfaz que prioriza claridad de ingresos y visualización de datos operacionales.

Rol Product Designer (UI lead)
Empresa Tucar
Año 2023 · shipped
Scope Research · UI · Design System · Handoff
Driver App Tucar cover

La app que ya existía tenía deuda acumulada.

Producto

Driver App

La herramienta principal de los conductores de Tucar. Con ella ven sus ingresos, el estado de su cuenta, alertas, y gestionan el día a día.

Situación

Deuda visual

Iteraciones acumuladas sin sistema. Inconsistencias entre pantallas, jerarquías confusas, y drivers reportando que no entendían sus liquidaciones.

Oportunidad

Base para escalar

Rediseño completo como cimiento para construir el Design System de Tucar, pensando en todos los siguientes features.

Driver app rediseñada vista panorámica Driver app · home & liquidaciones

Los drivers no confiaban en lo que veían.

El principal hallazgo en research fue que los conductores no entendían cómo se calculaban sus ingresos. El cálculo era correcto, la UI no lo estaba mostrando bien.

Resultado: tickets diarios al soporte del tipo "me están cobrando mal" cuando en realidad era un problema de claridad visual, no de backend. El problema de producto más caro no era un bug — era una mala jerarquía.

Research, auditoría y sistema.

01

Research con drivers reales

Sesiones de usabilidad con 10 conductores activos, grabando pantalla mientras navegaban sus liquidaciones. El patrón fue claro: se perdían en la misma pantalla, todos.

02

Auditoría del UI existente

Mapeé cada componente repetido en la app. Encontré 14 variantes del mismo botón, 3 tipografías diferentes, y 8 formas de mostrar dinero. Base perfecta para proponer un sistema.

03

Design System desde cero

Construí el primer Design System de Tucar: tokens de color (primitivos + semánticos), tipografía escalada, componentes base. Dark + light mode desde el día uno.

04

Rediseño guiado por datos

Apliqué el system a las pantallas críticas. Testeo de nuevo con los mismos drivers. Iteración hasta que los tiempos de comprensión de liquidaciones bajaron a la mitad.

Design system de Tucar Fundamentos del design system · tokens & componentes

Tres cosas que aprendí rediseñando esto.

  • Cuando la UI muestra dinero, cada decisión visual es también una decisión de confianza. Un número mal jerarquizado se lee como estafa.

  • El mayor valor de un rediseño no es lo nuevo, es la oportunidad de construir el sistema que debería haber existido desde el principio.

  • Los drivers no necesitan dashboards impresionantes. Necesitan certeza sobre un solo número: cuánto cobraron hoy.

La app rediseñada, en pantallas.

Pantallas principales rediseñadas
Detalle liquidación
Detalle estado cuenta

Los números después del lanzamiento.

+20%
Mejora en time-to-task
de los flujos críticos para drivers.
−25%
Retrabajo de UI tras
implementar el design system.
1er DS
Design System de Tucar
construido sobre este proyecto.

Este rediseño me enseñó que mover un número 4 pixeles puede ser la diferencia entre un driver que confía en la plataforma y uno que la abandona.

Siguiente caso · 02 / 05
Onboarding digital Driver 2025