HelloFresh가 Figma를 사용해 8개 브랜드를 위한 디자인 시스템을 구축한 방법

HelloFresh Group에서 디자인은 단순한 미학을 넘어 브랜드의 성공과 고객 만족을 견인하는 중요한 전략적 요소입니다. 전 세계에서 14,000명 이상의 직원을 보유하고 베를린에 본사를 둔 이 회사는 밀키트로 잘 알려져 있지만 즉석식품부터 반려동물 사료까지 다양한 식품 솔루션을 제공하는 8개 브랜드로 사업을 확장하고 있습니다.

이처럼 다양한 브랜드 생태계를 관리해야 하는 복잡성 때문에 HelloFresh는 강력하고 통합된 디자인 접근 방식이 필요했습니다. HelloFresh의 UX 부문은 약 75명의 제품 디자이너, 콘텐츠 디자이너, 연구원으로 구성되어 있고, 이들은 베를린, 뉴욕, 토론토 3개의 해외 거점에 분산되어 원격으로 근무하고 있습니다.

이들의 사명은 8개 브랜드 모두에서 일관되고 매력적인 고객 경험을 만들어내는 것입니다. 그리고 그 역할을 Figma가 맡고 있습니다.

HelloFresh의 UX 디자인 선임 디렉터 Marlene Rosner는 “Figma는 HelloFresh의 모든 디자이너를 위한 하나의 핵심 소통 도구 역할을 하여 장소에 관계없이 원활하게 협업할 수 있도록 지원합니다.”라고 말합니다. “Figma는 HelloFresh의 디자인 시스템을 호스팅하여 여러 디자이너가 동일한 파일에서 동시에 작업할 수 있게 함으로써 비동기 및 동기식 협업을 모두 지원합니다. 이는 초기 컨셉부터 최종 구현까지 디자인 과정 전반에서 일관성과 효율성을 유지하는 데 매우 중요합니다.”

HelloFresh의 디자인 시스템인 Zest는 8개 브랜드를 모두 지원하는 멀티 브랜드이자 멀티 플랫폼 시스템입니다. 토큰 아키텍처로 구축되어 각 브랜드의 특정 요구 사항을 충족할 수 있는 유연성과 적응력을 제공합니다.

HelloFresh의 디자인 운영 책임자 Adnan Puzić는 “이 접근 방식으로 플랫폼 간에 컴포넌트의 일관성을 유지하여 디자이너와 엔지니어가 동일한 언어를 사용해 디자인 과정을 간소화할 수 있습니다.”라고 말합니다.

Figma의 Dev Mode 도입으로 디자이너와 엔지니어 간의 협업이 더욱 간소화되어 개발자는 디자인 파일을 쉽게 탐색하고 컴포넌트를 검사하며 필요한 사양에 액세스할 수 있습니다. Adnan은 “Dev Mode 덕분에 프로세스가 간소화되어 핸드오프가 크게 개선되고 효율성이 높아져 엔지니어는 고품질 제품을 만드는 데 집중할 수 있게 되었습니다.”라고 설명합니다.

또한 Figma의 협업 기능으로 UX팀 및 엔지니어링팀을 넘어 브랜드 및 마케팅 디자인, 그리고 콘텐츠 디자인까지 포함하여 고객 경험 전반을 통합하는 디자인 접근 방식을 실현할 수 있습니다.

Marlene은 “HelloFresh의 디자인은 시각적으로 매력적인 제품을 만드는 것뿐만 아니라 고객 경험을 형성하고 운영 효율성을 개선하며 팀 간의 협업을 촉진하는 것을 목표로 합니다.”라고 말합니다. “Figma는 8개 브랜드가 사용자 친화적이고 효과적으로 운영되는 데 매우 중요하며, 궁극적으로 HelloFresh의 전반적인 운영 효율성에 기여하고 있습니다.”