Cómo HelloFresh creó un sistema de diseño para sus ocho marcas con Figma

En HelloFresh Group, el diseño no es solamente algo estético, sino una prioridad estratégica que impulsa la satisfacción de los clientes y el éxito de la marca. La empresa, con sede en Berlín, cuenta con más de 14 000 empleados en todo el mundo y es conocida por sus kits de comidas, aunque ha crecido mucho y ahora ofrece ocho marcas diferentes que proporcionan diversas soluciones alimentarias, desde comidas preparadas hasta comida para mascotas.

La complejidad de gestionar un ecosistema de marcas tan diverso requiere un enfoque de diseño unificado y sólido. La función UX en HelloFresh está conformada por unos 75 diseñadores de productos, diseñadores de contenido e investigadores que se distribuyen en tres centros globales en Berlín, Nueva York y Toronto, y también trabajan a distancia.

Su misión es crear una experiencia de cliente consistente y atractiva en sus ocho marcas. Y aquí es donde entra en juego Figma.

“Figma actúa como el punto de contacto central para todos los diseñadores de HelloFresh y les permite colaborar de forma fluida, estén donde estén”, afirma Marlene Rosner, directora sénior de Diseño UX en HelloFresh. “Figma aloja el sistema de diseño de HelloFresh, lo que permite que varios diseñadores puedan trabajar en un mismo archivo en simultáneo y facilita la colaboración sincrónica y asincrónica. Esto es fundamental para mantener la consistencia y la eficiencia en todo el proceso de diseño, desde los conceptos iniciales hasta la implementación final”.

Zest, el sistema de diseño de HelloFresh, es un sistema multiplataforma y multimarca que presta servicio a las ocho marcas. Está diseñado con una arquitectura de tokens, lo que ofrece la flexibilidad y capacidad de adaptación necesarias para cumplir con las necesidades específicas de cada marca.

“Este enfoque garantiza que los componentes sean consistentes en todas las plataformas, lo que permite que diseñadores e ingenieros hablen el mismo idioma y se optimice el proceso de diseño”, comenta Adnan Puzić, director de Operaciones de Diseño en HelloFresh.

La incorporación del Dev Mode de Figma ha simplificado aún más la colaboración entre diseño e ingeniería, ya que permite que los desarrolladores naveguen por los archivos de diseño, inspeccionen los componentes y accedan a las especificaciones que necesiten con facilidad. “Dev Mode ha optimizado el proceso y, consecuentemente, ha mejorado las entregas y aumentado la eficiencia. Esto permite que los ingenieros se centren en crear productos de alta calidad”, explica Adnan.

Las funciones de colaboración de Figma se extienden más allá de los equipos de UX e ingeniería para incluir el diseño de marca y marketing, así como el diseño de contenidos, lo que permite un enfoque holístico en cuanto al diseño que abarca todos los aspectos de la experiencia del cliente.

“El diseño en HelloFresh no se trata solo de crear productos visualmente atractivos. Se trata de dar forma a la experiencia del cliente, mejorar la eficiencia operativa y fomentar la colaboración entre equipos”, afirma Marlene. “Figma es fundamental para garantizar que nuestras ocho marcas sean eficaces e intuitivas para los usuarios, lo que contribuye a la eficiencia general de las operaciones de HelloFresh”.