혁신 가속: Swiggy, Figma를 통해 기능 롤아웃 속도 50% 향상

소요 시간: 4분

요약: 인도 온라인 주문 플랫폼 업계를 대표하는 Swiggy는 다양한 사용자 기반을 위한 개인 맞춤형 경험을 확장하면서 복잡한 디자인 업무 흐름을 관리해야 하는 과제에 직면했습니다. Swiggy는 프로세스에 Figma를 통합하여 디자인, 제품, 개발팀 간의 협업을 혁신적으로 변화시켜 빠른 피드백과 반복 작업을 지원했습니다. 그 결과, 새로운 기능 롤아웃 시간이 거의 50% 단축되었으며, Swiggy는 사용자 경험을 강화하고 빠르게 진화하는 시장에서 경쟁 우위를 유지할 수 있게 되었습니다.

도전 과제: 다중 제품 생태계에서 개인 맞춤형 기능 및 일관성 확장

델리에 사는 주부, 벵갈루루에 사는 대학생 등 평범한 인도인들의 삶을 바꾼 앱을 하나만 꼽으라면, 많은 사람들이 Swiggy를 언급할 겁니다. 인도 음식 배달 서비스 업계를 선도하는 회사로서, Swiggy Dineout, Swiggy Instamart 등의 서비스를 제공하는 Swiggy는 편리한 서비스의 대명사로 자리 잡았습니다. 하지만 수백만 명의 대규모 사용자 기반을 보유한 Swiggy는 기기, 플랫폼 및 서비스 전반에서 확장하면서도 각 개인에게 개인적 경험을 일관적으로 제공하기 위한 도전에 직면했습니다. 만만치 않은 과제였습니다. 개인 맞춤형 서비스를 확장하는 방법을 찾아야 했으니까요.

Swiggy 경영진은 디자인에 해법이 있다고 생각했습니다. “우리의 철학은 '감정이 깃든 디자인'을 완성해야 한다는 것이었습니다. 모든 접점, 모든 인터페이스, 모든 경험에서 사용자에게 기쁨을 선사해야 합니다.”라고 Swiggy 매니징 디렉터 겸 그룹 CEO인 Sriharsha Majety 씨는 말합니다.

하지만 빠른 기능 출시가 요구되는 여러 비즈니스 라인과 함께 디자인 일관성을 확보하고 즐거운 사용자 경험을 유지하기가 점점 더 어려워졌습니다. 사용자층이 계속 확장됨에 따라, 개인 맞춤형 서비스나 품질을 희생하지 않고 이러한 복잡성을 관리하는 것이 핵심 과제가 되었습니다.

하이브리드 근무 환경으로의 전환에 다라 상황이 더 복잡해졌습니다. Swiggy의 디자인, 개발팀이 원격으로 근무하는 경우가 많았기 때문입니다. 이렇게 인력 구조가 분산되면서 협업도 더욱 어려워졌습니다. 또한 기술 스택 전반에서 요소를 재사용할 수 없어서 개발 프로세스가 느려졌고, 서비스 전체의 일관성을 유지하려는 작업도 복잡해졌습니다. 게다가 Swiggy의 소비자 중심 접근 방식상 사용자 테스트가 매우 중요했지만, 짧은 기간 내에 피드백을 반영하고 필요한 변경을 수행하는 일은 디자인 및 출시 과정에서 큰 장애물로 작용했습니다.

솔루션: Figma로 디자인 속도 가속 및 협업 개선

Swiggy의 디자인 총괄 담당 Srinath Rangamani 씨와 그의 팀은 이러한 복잡성을 관리할 뿐 아니라 새로운 제품을 시장에 더 빠르게 선보이기 위해 Figma를 선택했습니다. Figma를 활용하면서, 예전에는 개발에 몇 주씩 걸리던 아이디어를 이제는 실시간으로 비즈니스 리더들과 공유할 수 있게 되었습니다. 피드백도 파일 안에서 직접 이루어져 빠른 반복 작업이 가능해졌습니다. “아이디어를 출시하고 최종 사용자에게 제공하기까지 걸리던 시간이 거의 절반으로 줄었습니다.”라고 Swiggy 디자인 총괄 담당 Srinath Rangamani 씨는 설명합니다.

한 번 만들면 어디에서나 조회 가능: 확장되는 생태계 전반의 디자인 간소화

서로 다른 도시에서 서로 다른 제품을 담당하는 Swiggy의 디자이너들에게 Figma는 필요한 시간과 노력을 크게 줄여 주는 공유 디자인 언어 접근을 가능하게 했습니다. “Figma를 사용하면 사용자 스토리를 시연하고, 전체 컴포넌트를 디자인 라이브러리에 게시하여 어느 비즈니스 유닛에서든 접근할 수 있게 됩니다.”라고 Swiggy 디자인 및 신규 이니셔티브 부문 디렉터 Prasanna Venkatesh R 씨는 말합니다.

Swiggy는 Figma를 활용하여 일관성 확보 외에도 또 하나의 큰 과제, 즉 사용자 테스트라는 장벽을 넘을 수 있었습니다. “Figma의 프로토타이핑 기능을 통해 잠재 사용자로부터 초기 피드백을 빠르게 수집할 수 있습니다. 어떤 부분과 상호작용하는지, 무엇을 건너뛰는지를 추적하면서 빠르게 반복 작업을 할 수 있죠. 실제로 Figma는 제가 사용해 본 것 중 가장 빠른 프로토타이핑 경험을 제공합니다.”라고 Swiggy 디자인 부문 부사장보 Saptarshi Prakash 씨는 말합니다.

또한 Figma의 오토레이아웃 기능 덕분에 Swiggy의 디자인 프로세스가 크게 간소화되었으며, 음식 피드처럼 길이가 긴 페이지에서 필요한 조정을 자동화해 수동으로 수정 작업을 진행할 필요도 없어졌습니다. “이 기능 덕분에 반응형 디자인도 훨씬 수월해져서, 다양한 기기 크기에 자연스럽게 대응할 수 있게 되었습니다.”라고 Saptarshi 씨는 덧붙입니다.

협업 문화: 디자이너와 비디자이너 간의 다리 연결

혁신 속도가 빨라지면서 동기화된 업무 흐름과 빠르고 효과적인 아이디어 브레인스토밍이 필수 요소로 자리 잡았고, FigJam 덕분에 디자인팀이 아닌 다른 팀도 디자인 결정 과정에서 중요한 역할을 할 수 있게 되었습니다. 아이디어가 제품팀, 엔지니어링팀, 마케팅팀 등 여러 팀의 피드백을 받아야 할 때, FigJam을 활용하면 수백 명의 팀원들이 디자인을 검토하고 기여할 수 있게 됩니다. Swiggy 엔지니어링 담당 디렉터 Tushar Tayal 씨는 “다양한 팀으로부터 아이디어를 받을 때, 마지막 사용자까지 모든 사람에게 적합한 디자인을 얻게 됩니다.”라고 말합니다.이러한 혁신의 결과는 어땠을까요? 의사결정 속도가 빨라졌고, 데이터에 대한 이해도 나아졌으며, 제품에 대한 마케팅 개선이 이루어졌습니다. 하지만, 이렇게 막대한 수준의 협업 작업이 과거에는 수개월이 걸렸지만, 이제는 2~3주 안에 이루어집니다.

개발자와 디자이너의 시너지: 더욱 신속한 실행

또 다른 핵심 영역에서도 투입 시간과 노력이 줄어든 것이 확인되었습니다. 이전에는 Swiggy의 디자인팀과 개발자팀이 디자인을 실제 동작하는 코드로 전환하는 과정에서 자주 어려움을 겪었고, 시간이 많이 드는 수작업 핸드오프 절차에 발목이 잡히곤 했습니다. 하지만 Figma의 Dev Mode와 코드 생성 도구가 도입되면서 구현 속도가 크게 향상되어, 새로운 기능과 서비스를 훨씬 더 빠르게 출시할 수 있게 되었습니다.

“Figma의 코드 생성 도구 덕분에 모바일 버전이든, 웹 버전이든 개발자들이 UI의 첫 번째 버전을 정확히 확보할 수 있게 되었습니다.” Tushar 씨가 설명합니다. Srinath 씨는 이렇게 덧붙입니다. “항상 콘셉트와 실제 제작 작업 사이에 격차가 있었습니다. Dev Mode 덕분에 엔지니어가 디자인팀의 디자인 시스템과 업무 흐름에 직접 접근할 수 있게 되었으며, 이에 따라 아이디어를 더욱 수월하게 실현할 수 있게 되었습니다.”

빠른 프로토타입 제작, 원활한 사용자 테스트, 디자인 일관성 유지, 디자인과 개발 간의 격차 해소에 이르기까지 Figma는 Swiggy의 디자인 주도 성장에 핵심적인 역할을 해왔습니다. Figma는 대규모 혁신을 지원하므로, Swiggy가 사용자들의 요구를 충족하는 동시에 가능성의 한계를 지속적으로 넓혀 가는 데 큰 도움이 됩니다. 끊임없이 변화하는 디지털 환경 속에서 Swiggy와 Figma의 협업은 올바른 디자인 도구가 혁신과 속도, 그리고 우수성을 어떻게 이끌어낼 수 있는지를 입증하며, 이러한 협업은 궁극적으로 브랜드와 고객 모두에게 혜택을 제공합니다.