← Volver a proyectos
Caso 02 · App de Logística · 3 perfiles de usuario

De pantallas dispersas a una app de logística coherente.

Cliente Kuyuy
Rol Diseñadora UX/UI
Duración 1 año · 2024 — 2025
Foco IA · Lenguaje · Componentes
Kuyuy — App nativa de logística, pantallas de Servicios Activos
01 — Contexto

¿Cómo navegas y negocias en Kuyuy?

Kuyuy conecta transportadores con generadores de carga para envíos nacionales e internacionales. La migración a una app nativa prometía escalabilidad, ahorro de tiempo y soporte — todo en un solo lugar.

Pero la realidad era más desordenada. El producto tenía muchos wireframes de alta fidelidad, pero sin arquitectura global, sin prototipo interactivo y con terminología inconsistente entre tres perfiles de usuario (Transportador, Generador de Carga y SuperAdmin — cada uno con variantes Admin y Empleado). Lo que tenía sentido internamente no tenía sentido para los usuarios reales.

02 — Decisiones clave

Tres decisiones que replantearon el proyecto.

Antes de arreglar pantallas, el equipo y yo alineamos tres decisiones de diseño que moldearían todo lo demás. Cada una abordaba un punto específico donde la experiencia se estaba rompiendo.

Decisión 01

Prototipar por flujo

En lugar de esperar a "la app completa", prototipamos un flujo de usuario a la vez. Validar temprano fue mejor que construir todo a ciegas.

Decisión 02

Alinear el lenguaje

Una etiqueta = un concepto. El mismo paso no debería tener 2–3 nombres distintos dependiendo del perfil con el que se hubiera iniciado sesión.

Decisión 03

Estandarizar componentes

Componentes compartidos entre perfiles, acciones específicas del rol donde se necesitaran. Menos por construir, más fácil de mantener.

03 — Mi rol

Lead de diseño en un equipo cross-funcional.

Lideré el diseño de punta a punta: arquitectura de información, flujos de usuario, prototipos de alta fidelidad, mapeo de edge cases y la librería de componentes que engineering siguió durante el build. Trabajé de cerca con el PM en el scoping y con el cliente para validar decisiones en cada fase.

Mi foco fue convertir un producto web fragmentado en una app nativa que funcionara para tres perfiles de usuario — sin tener que construir tres interfaces distintas.

04 — Proceso

Limpieza → Arquitectura → Lenguaje → Edge cases → Handoff.

El proyecto duró aproximadamente un año en total. Los primeros 6 meses los dedicamos a limpiar el prototipo — había cientos de pantallas y flujos, nada estaba componentizado, y dependíamos de validaciones del cliente que reformulaban los flujos por completo en el camino.

Paso 01

Limpieza

Auditoría del prototipo existente. Etiqueté flujos incompletos, eliminé pantallas sin uso, marqué qué necesitaba reconstruirse.

Paso 02

Arquitectura

Mapeé la arquitectura de información global a través de los tres perfiles de usuario y sus variantes nacional / internacional.

Paso 03

Alineación de lenguaje

Definí los pasos canónicos por rol. Ejemplo: "Con Ofertas" = Oferta + Aceptar / Rechazar + Contraoferta.

Paso 04

Edge cases

El happy path no era suficiente. Mapeé casos críticos: documentos rechazados, datos incompletos, incidentes en ruta, cierres fallidos.

Paso 05

Handoff

Entregué prototipos interactivos, librería de componentes y guías de validación para engineering.

05 — Cómo lo resolví

Cómo se veía cada decisión en la práctica.

Una arquitectura, tres perfiles

En lugar de construir tres apps paralelas, diseñé una arquitectura de información única donde las entidades compartidas (envíos, contratos, mensajes) se veían igual para todos — pero mostraban acciones específicas del rol donde importaba. El SuperAdmin mantenía control total, Transportadores y Generadores veían solo lo que necesitaban para accionar.

Kuyuy — Arquitectura de información unificada con acciones específicas del rol

Una etiqueta = un concepto

El producto viejo usaba terminología diferente según quién estaba logueado. Trabajé con el PM para consolidar todo en un solo vocabulario. Ejemplo: "Con Ofertas" significa lo mismo para cada perfil — Oferta + Aceptar/Rechazar + Contraoferta. Mismo término, mismas acciones, mismas validaciones.

Kuyuy — Guías de contenido unificadas, Servicios Activos y detalle de Oferta

El happy path no era suficiente

Mapeé edge cases críticos: documentos rechazados (ver requisitos faltantes, reintentar o escalar), datos incompletos (validar y crear ticket), incidentes en ruta (pausar, reasignar o escalar a Operaciones) y cierres fallidos. Un buen UX cubre tanto lo esperado como lo inesperado.

06 — Entregables

Lo que entregué al equipo.

Kuyuy es un proyecto en curso. Esto es lo que mi trabajo produjo — resultados tangibles con los que engineering y producto pudieron trabajar.

3 → 1
Perfiles unificados bajo una arquitectura
IA
Mapa global de arquitectura de información
Library
Librería de componentes estandarizada
Flows
Prototipo interactivo + edge cases
La arquitectura primero evita pantallas sueltas y discusiones circulares. Un término, una acción — alinear el lenguaje acelera todo.
07 — Lo que aprendí

Insights clave que me llevo.

← Caso anterior Playful Experiences

¿Tienes un producto que necesita entregarse?

Disponible full-time, part-time y Freelance en Alemania, y Remoto en Europa, Estados Unidos y LATAM.

angie.varelab7@gmail.com