Como a HelloFresh desenvolveu um design system para suas 8 marcas usando o Figma

No HelloFresh Group, o design é mais do que apenas estética, é uma prioridade estratégica que impulsiona o sucesso da marca e a satisfação dos clientes. A empresa com sede em Berlim, que conta com mais de 14 mil funcionários no mundo todo, é amplamente reconhecida por seus kits de refeições, mas expandiu para oferecer oito marcas diferentes que oferecem uma variedade de soluções alimentares, de refeições prontas até alimentos para pets.

A complexidade de gerenciar um ecossistema de marcas tão diversificado exige uma abordagem de design robusta e unificada. A função de UX na HelloFresh é composta por cerca de 75 designers de produto, designers de conteúdo e pesquisadores que estão distribuídos em três centros globais em Berlim, Nova York e Toronto, além de trabalharem remotamente.

A missão da empresa é criar uma experiência consistente e envolvente para o cliente em todas as oito marcas. E é aí que o Figma entra.

“O Figma serve como o ponto central de contato para todos os designers da HelloFresh, permitindo que eles colaborem de forma fluida, independentemente de sua localização,” diz Marlene Rosner, Sr Director UX Design na HelloFresh. “O Figma hospeda o design system da HelloFresh, permitindo que os designers trabalhem no mesmo arquivo simultaneamente, facilitando tanto a colaboração assíncrona quanto a síncrona. Isso é essencial para manter a consistência e a eficiência ao longo do processo de design, desde os conceitos iniciais até a implementação final.”

O design system da HelloFresh, chamado de Zest, é um sistema multimarca e multiplataforma que atende todas as oito marcas. Ele foi desenvolvido usando uma arquitetura de tokens, o que permite flexibilidade e adaptabilidade para atender às necessidades específicas de cada marca.

“Essa abordagem garante que os componentes sejam consistentes em todas as plataformas, permitindo que designers e desenvolvedores fiquem alinhados e agilizem o processo de design,” diz Adnan Puzić, DesignOps Lead da HelloFresh.

A introdução do Dev Mode do Figma simplificou ainda mais a colaboração entre designers e desenvolvedores, permitindo que os desenvolvedores naveguem facilmente pelos arquivos de design, inspecionem componentes e acessem as especificações necessárias. “O Dev Mode otimizou o processo, melhorando significativamente o compartilhamento de informações e aumentando a eficiência, permitindo que os engenheiros se concentrem em desenvolver produtos de alta qualidade,” diz Adnan.

E as funcionalidades colaborativas do Figma vão além das equipes de UX e desenvolvimento. Incluem também design de branding e marketing, bem como design de conteúdo, permitindo uma abordagem holística do design, englobando todos os aspectos da experiência do cliente.

"Design na HelloFresh não se trata apenas de criar produtos visualmente atraentes, é sobre moldar a experiência do cliente, melhorar a eficiência operacional e promover a colaboração entre equipes,” diz Marlene. “O Figma é essencial para garantir que nossas oito marcas sejam acessíveis eficazes ao usuário, contribuindo, para a eficiência geral das operações da HelloFresh".