/ Kash App
Sistema de diseño escalable para el ecosistema Kash App
Kash App es una plataforma móvil diseñada para simplificar las transacciones financieras cotidianas. Como parte del equipo de diseño, asumí la total autonomía en la creación y documentación de su librería de componentes, presentando directamente mis propuestas ante el cliente, optimizando procesos de experiencia de usuario (UX) y automatizando el handoff técnico mediante herramientas de IA para garantizar una transición fluida hacia el equipo de desarrollo.
El reto - Mi rol - Flujo de trabajo
Ejecución ágil y escala de diseño
El reto del sistema de diseño
El principal desafío fue el tiempo limitado para entregar una librería masiva bajo sprints de dos semanas junto a mi dupla de diseño. En la primera fase, abordamos componentes básicos bajo un primer rediseño de marca. Para la segunda fase, ante un cambio de marca sorpresivo, la optimización previa del flujo nos permitió iterar rápido y escalar hacia componentes de alta complejidad y templates. Diseñamos manualmente la lógica de color para modos claro y oscuro, mapeando tokens específicos para mantener la consistencia visual y asegurando la accesibilidad WCAG en todo el ecosistema.
Mi rol en el proyecto
Como Diseñadora de Producto UI/UX dentro de un equipo colaborativo, mis responsabilidades clave incluyeron:
Diseño de Sistemas (UI): Co-creación y escala de la librería de más de 70 componentes bajo metodología de Diseño Atómico.
Lógica de Tokens: Arquitectura y mapeo manual de tokens de color para la implementación consistente de los modos claro y oscuro.
Optimización del Proceso (IA): Automatización y estandarización de la documentación técnica mediante herramientas de IA y plugins en Figma.
Intersección UX: Auditoría de usabilidad y propuestas de mejora de flujo dentro de la aplicación móvil existente.
Handoff y Negociación: Presentación directa de propuestas al cliente y entrega técnica optimizada para el equipo de desarrollo.
Flujo de trabajo optimizado
La definición temprana de foundations y tokens de color fue clave para trabajar en paralelo con el equipo garantizando la consistencia de todo el ecosistema. A medida que la librería comenzó a ser utilizada activamente por el cliente para construir flujos, implementamos un proceso de iteración mediante ramas (branching) en Figma. Esto nos permitió diseñar de forma segura, mantener la estabilidad de la librería principal sin interrumpir el trabajo activo y llevar una trazabilidad rigurosa de los cambios y nuevos ajustes del sistema.
Handoff técnico y QA de diseño
Para asegurar una transición impecable a desarrollo, entregamos una documentación técnica exhaustiva detallando el comportamiento, estados y casos de uso de cada componente. Además, realizamos sesiones de QA visual, auditando el producto implementado para garantizar la fidelidad del diseño y la consistencia del sistema antes de su lanzamiento.
Al definir grillas espaciales estrictas y sistemas de color tokenizados, eliminamos la necesidad de acotaciones manuales (redlining) y empoderamos a los equipos de ingeniería para desplegar componentes con absoluta precisión.
Siguiente Proyecto
Alfasygma (Jyseleca): Brandbook, UI kit de escala global y diseño publicitario para un medicamento de una multinacional farmacéutica europea.