인도를 대표하는 주요 전자상거래 플랫폼 중 하나인 Flipkart는 방대한 제품 생태계 전반에서 디자인과 엔지니어링을 통합하기 위해 Figma와 협업했습니다. 선택했습니다. B2C와 B2B 제품 라인을 아우르는 팀을 보유한 Flipkart는 화이트보딩, 디자인, 프로토타입 제작, 그리고 개발자 핸드오프를 위한 협업 플랫폼으로 Figma를 도입했습니다.

도입 이후, Figma는 Flipkart의 퀵 커머스 비즈니스인 'Flipkart Minutes'의 런칭 과정에서 디자인부터 출시까지의 주기를 4개월 반에서 45일로 대폭 단축했으며, 동시에 부서 간 협업 체계를 강화하고 더욱 일관적인 시스템 기반 디자인 접근 방식을 실현했습니다.

도전 과제: 분산된 생태계에서의 대규모 디자인 수행

전자제품과 패션부터 식료품과 생활용품까지, 다양한 제품을 수백만 명에게 서비스로 제공하는 Flipkart는 인도에서 가장 널리 알려진 전자상거래 플랫폼 중 하나입니다. 급속한 성장과 Minutes, Grocery, Travel, Pay와 같은 확장된 제품 라인으로 인해, 고객에게 직관적이고 일관적이며 탁월한 품질의 경험을 제공하는 데 집중할 필요가 있었습니다.

팬데믹 기간에 100명 정도로 구성된 Flipkart의 디자인팀은 원격으로 작업하면서 품질을 유지하기 위해 더 긴밀하게 연결된 방식이 필요했으며, 이는 매우 중요한 요소가 되었습니다.

“모든 사람을 단일 플랫폼으로 모아야 할 필요가 있었습니다. Flipkart의 소규모 팀이 Figma를 탐색하기 시작했고, 그 이점을 깨닫고 전체 디자인 팀으로 매우 빠르게 확대 도입했습니다.”라고 Flipkart 디자인 부문 VP인 Gaurov Mathur는 말합니다.

솔루션: 단일 플랫폼으로 전체 제품 업무 흐름 지원

Figma 이전에는 Flipkart의 디자인팀이 여러 도구를 사용하며 플랫폼을 넘나들며 파일을 수작업으로 옮겼습니다. 버전 관리는 엉망이었고, 핸드오프 작업도 비효율적이었으며, 협업에 일관성이 없었습니다.

Figma를 도입하면서 문화적인 변화가 일어났습니다. 디자인, 제품, 엔지니어링팀이 공유 플랫폼 내에서 실시간으로 협업할 수 있는 환경이 조성된 겁니다.

오늘날 디자이너들은 파일을 개발 준비 완료 상태로 표시합니다. 엔지니어들은 Dev Mode를 사용하여 사양과 주석을 검사합니다. 제품 관리자는 맥락이 있는 피드백을 공유합니다. 경영진 역시 공유 링크를 통해 프로토타입을 검토하며, 심지어는 모바일 환경에서도 검토할 수 있으므로 합의와 의사결정을 더욱 빨리 완료할 수 있습니다.

Figma Enterprise로 디자인 일관성 촉진

Flipkart는 Figma Enterprise 작업공간을 사용하여 비즈니스 구조를 모방하며, 덕분에 실무팀은 파일, 디자인 시스템, 라이브러리를 원활한 방식으로 쉽게 찾을 수 있습니다. 이 구조 덕분에 온보딩을 간소화하고 새로운 디자이너들이 빠르게 적응하는 데 도움이 되었습니다.

또한 Figma 엔터프라이즈는 민감한 작업 내용을 보호하면서도 에이전시 및 파트너와의 안전한 협업을 보장합니다.

속도와 정교함을 갖춘 구축

Flipkart는 두 가지 주요 디자인 시스템을 기반으로 운영됩니다. 하나는 소비자 대상 제품을 위한 Flipkart Design System이고, 다른 하나는 물류, 공급망, 셀러 도구와 같은 엔터프라이즈 플랫폼을 위한 MURV(Modular: 모듈형, Upgradeable: 확장 가능, Reusable: 재사용 가능, Versatile: 다목적)입니다.

산스크리트어에 어원을 둔 murv(मुर्व्)는 '묶다' 또는 '연결하다'라는 뜻이며, 여러 플랫폼에 걸쳐 경험을 하나로 통합하도록 설계된 시스템을 은유적으로 의미합니다. 변수를 기반으로 하는 이 두 시스템은 다양한 분야별 색상 체계부터 11개 인도 언어를 지원하는 글꼴 구성에 이르기까지, 팀이 브랜드와 제품 전반에 걸쳐 컴포넌트에 테마를 적용하고, 현지화하며, 매끄럽게 확장할 수 있도록 지원합니다.

디자이너들은 한 번 제작하면 테마를 적용하고 컴포넌트를 재사용하여, 일관적인 경험을 놀라운 속도로 배포할 수 있습니다.

이러한 기반은 Flipkart가 퀵 커머스 비즈니스인 'Flipkart Minutes'를 기록적인 시간 내에 출시하는 과정에서 빛을 발했습니다.

Figma로 구축된 MURV 디자인 시스템을 활용하여, 구현 기간을 원래 예상했던 4개월 반에서 단 45일로 줄였습니다. 이렇게 탁월한 효율성은 최종 소비자들에게 Flipkart Minutes를 성공적으로 빠르게 선보이는 원동력이 되었습니다."라고 Ajith는 말합니다.

공급망팀 역시 MURV 디자인 시스템을 활용하여 개발 일정을 75% 가까이 단축했습니다. Figma가 아니었다면 상상도 못 했을 엄청난 발전입니다.

개발자 핸드오프의 재구상

Dev Mode를 통해 디자이너는 파일을 "개발 준비 완료(dev ready)"로 표시하고 인라인으로 사양을 주석 처리하며, 개발자들은 한곳에서 에셋과 컨텍스트를 검사하여 구현 속도를 높이고 핸드오프 과정에서 마찰을 줄입니다.

Flipkart는 또한 업무 흐름을 자동화하는 내부 Figma 플러그인을 구축하여 디자인 효율성을 최대 80%까지 향상시켰습니다.

FigJam을 통한 다기능 팀 간 협업 체계 확립

FigJam은 또한 Flipkart의 분기별 회고, 브레인스토밍 세션, 워크숍을 위한 필수 플랫폼이 되었습니다.

"FigJam이 특히 강력한 점은 탁월한 접근성입니다. 그 단순함 덕분에 비디자이너의 진입 장벽이 사라져, 프로덕트, 엔지니어링, 운영 등 어느 부서에 있든 누구나 쉽게 참여하고 기여할 수 있습니다. 이는 시작 단계부터 디자인 프로세스에 더 많은 의견을 반영하는 데 도움을 주었습니다."라고 Varun은 말합니다.

Figma = 프로토타입

Flipkart에서 Figma 링크는 이제 '클릭 가능한 프로토타입'이라 말할 수 있습니다. 디자이너들은 기본적으로 인터랙티브 흐름을 구축하며, 이는 피드백을 위해 팀 전반에 널리 공유됩니다. 이러한 관행을 확립한 덕분에 협업 방식을 재구성하여 더 적합하고 유용하며 영향력 있는 제품을 만드는 결과를 가져왔습니다.

미래를 내다보며

Figma를 기반으로 한 탄탄한 디자인 문화를 통해, Flipkart는 인도의 치열한 이커머스 시장에서 혁신을 이끌고 있습니다. 앞으로 Flipkart는 자동화와 디자인을 코드로 변환(design-to-code) 통합을 더욱 강화하여, 모든 디자인 의사결정을 더 빠르고, 더 스마트하며, 더 확장 가능하게 만드는 것을 목표로 합니다.