Digital FEMSA Design System
UXUI Designer2022 - 2023Haber trabajado en un Design System para Digital FEMSA fue como haber subido a una montaña rusa. En nuestro equipo estábamos esperando el momento de poder tomar nuestra teoría sobre la implementación de un DS y esta fue una gran oportunidad.
¿Listos para el viaje?
El reto era mantener la consistencia de los componentes que íbamos a usar para apps móviles, sitios web y plataformas internas de la marca, lo que teníamos no era suficiente. Empezamos a dialogar con los Stakeholders y con los principales actores internos y externos del proyecto para implementar esta solución
A esperar en la fila
La integración de desarrollo podría tardar un poco para poder apoyar en el DS, pero eso no nos detuvo. Comenzamos a organizar nuestros esfuerzos en la construcción, documentación y seguimiento del DS con el equipo de diseño. Revisamos diferentes herramientas para elegir la ideal de acuerdo a nuestras necesidades y ¡pusimos manos a la obra!
Directo a la cima
¡La implementación ha sido aprobada! Con Zeroheight y Figma como aliados, los stakeholders estuvieron de acuerdo en que el Design System era necesario para darle forma a los productos que se estaban construyendo. Empezamos con la construcción de componentes y la documentación de los mismos.
Caída en picada
El equipo de desarrollo de la app móvil tenía bugs de estilos y funcionalidad de componentes. Por esta razón implementamos otra estrategia de documentación aún más detallada, dado que había que documentar para Android y para iOS.
Todo de cabeza
¡La paleta de colores del producto ha cambiado!
Comenzamos con pruebas de color, pruebas de concepto de la mano del equipo interno de Digital FEMSA y una vez decidida, se solicita el cambio en todos los componentes. Pero gracias a la construcción de éstos basada en Atomic Design, el cambio de color fue mucho más ágil para continuar trabajando en los productos digitales.
De vuelta al carril
El siguiente reto fue dar soporte a un equipo externo que estaría usando el DS para dar vida a un producto interno de Digital FEMSA. Se implementó un plan de soporte y acompañamiento en el caso de construcción de nuevos componentes, aprobación y documentación de los mismos.
Destino Final
Realizamos un inventario de componentes y generamos un roadmap de entrega sin saber qué era lo que nos deparaba el destino…
¡Alto! debemos bajarnos…
Prioridades internas con el cliente requieren que el DS pare por el momento, reunimos todo lo que tenemos en conjunto con el equipo de contenido y desarrollo y nos preparamos para la entrega.
