Juan Valdez · Product / UI Designer//2023
Juan Valdez — app mobile y design system
UI mobile end-to-end y un design system reutilizable para Juan Valdez Colombia — diseñado y entregado limpio.
Mobile UIDesign systemFigmaBrand-led
PROJECT_FILE // 02
Lo que lideré.
SCOPE // 02- →Diseño UI completo de los flujos core mobile
- →Design system reutilizable: componentes, escala tipográfica, color, spacing
- →Diseño de producto brand-led para audiencia CPG / retail nacional
Cómo se entregó.
DOC // NARRATIVE- Contexto
- Juan Valdez — la marca insignia de café de Colombia — necesitaba su app mobile diseñada como un producto real, no como un set de pantallas sueltas.
- Problema
- El producto tenía que sentirse inconfundiblemente Juan Valdez sin dejar de ser simple para una audiencia amplia y cotidiana — y necesitaba un sistema debajo para crecer sin romperse.
- Aproximación
- Diseñé toda la UI de los flujos core y armé un design system reutilizable — componentes, escala tipográfica, color y spacing — para que cada pantalla quedara consistente y la marca se sostuviera de punta a punta.
- Ship
- Una UI mobile completa y brand-led, con el design system detrás, entregada a ingeniería como un handoff limpio y especificado.
- Resultado
- Una superficie de producto coherente de la que ingeniería podía construir directo, con un sistema que mantiene las pantallas nuevas on-brand y consistentes.
- Lo cambiaría
- Emparejaría el design system con una doc de componentes viva desde el inicio, para que el handoff siga sincronizado a medida que la app evoluciona.
- Craft floor
- Un solo sistema, fiel a la marca. Tipografía, color y spacing decididos una vez y reusados en todo. Pantallas diseñadas para entregar, no para admirar aisladas.
Siguiente caso
Life Update — app de foco con IA