Yanbal
Lideré la creación de Fryda, el Design System de Yanbal, desarrollado desde cero para centralizar, escalar y unificar la experiencia digital de la marca en múltiples canales. El sistema se construyó colaborativamente con equipos de UI y desarrollo, incorporando tokenización de estilos, foundations y componentes principales en Figma. Durante el proyecto estuve a cargo de un equipo de 5 personas responsables de flujos, asegurando una base sólida, flexible y alineada con los objetivos de negocio y la proyección global de la compañía.
Cliente:
Yanbal
Puesto:
Design System Designer
Año
2023 - 2024
🎯 Desafío
Yanbal no contaba con una estructura de diseño unificada para sus productos digitales. Las plataformas existentes carecían de consistencia visual y de una documentación estándar que facilitara el trabajo entre diseño y desarrollo. El desafío fue construir un Design System funcional, documentado y adoptable por múltiples equipos.
🔍 Insights
La falta de una base de diseño común dificultaba la escalabilidad y mantenibilidad de las interfaces.
Era clave definir una estructura clara para tokens, foundations y componentes reutilizables.
Figma fue la herramienta principal de diseño y documentación visual, mientras que el enfoque estuvo centrado en la tokenización desde la base.
⚙️ Proceso
Se definieron foundations: colores, tipografías, espaciamiento, íconos y estructura de tokens.
Se diseñaron y documentaron componentes clave con sus variantes, siguiendo estándares de accesibilidad y consistencia visual.
Se estableció la estructura del Design System en Figma, organizando por categorías, documentación de uso, reglas de comportamiento y nomenclatura.
Se colaboró estrechamente con desarrollo para validar implementaciones y asegurar la viabilidad técnica.
Se definieron principios y buenas prácticas para la evolución y gobernanza del sistema.
💡 Solución
Fryda se convirtió en una solución centralizada y escalable que permite a los equipos de diseño y desarrollo trabajar de manera alineada, reduciendo tiempos, errores y promoviendo la consistencia entre productos digitales.
🧪 Resultado
Se creó un Design System completo desde cero, con foundations tokenizadas, componentes reutilizables y documentación accesible.
Se logró una comunicación fluida entre diseño y desarrollo, mejorando la eficiencia en la construcción de productos.
El sistema quedó listo para ser implementado y escalar en múltiples productos digitales de la marca.
📈 Impacto
📘 Consolidación de Fryda como base visual unificada para productos digitales.
🧱 Tokenización completa de foundations en Figma.
🔁 Reducción de retrabajo y aumento de la eficiencia en equipos de diseño y desarrollo.
🧩 Base sólida para escalar futuros productos y plataformas.
📚 Aprendizaje
Construir un Design System desde cero requiere visión sistémica y colaboración constante. La experiencia en Yanbal permitió aplicar buenas prácticas desde el inicio, demostrando que un sistema sólido no solo mejora la calidad del diseño, sino también los procesos entre equipos y su capacidad de escalar.
