인도 최고의 자동차 기술 플랫폼인 CARS24는 차량 구매 및 판매를 넘어 빠르게 진화하여 전 지역에 걸쳐 8개 이상의 신규 사업을 론칭했습니다. 대규모로 일관된 고품질 경험을 제공하기 위해 디자인, 프로토타이핑, 개발자 핸드오프 및 협업을 위한 단일 플랫폼으로 Figma를 선택했습니다.

이러한 변화는 디자인을 단순한 기능에서 운영 에셋으로 전환시켰으며, 회사 전반에 걸쳐 속도, 구조, 비용 절감을 주도하고 있습니다. CARS24는 1년 만에 확장 가능한 디자인 시스템을 출시하고 제품 출시를 가속화했으며 엔지니어링 비용을 약 30% 절감했습니다. 프론트엔드 팀은 생산성이 20% 향상되었다고 보고하며, Design System V2 및 Code Connect를 통해 향후 1년간 추가로 15~20%의 비용 절감을 목표로 하고 있습니다.

도전 과제: 빠르게 성장하는 생태계에서 디자인 확장

CARS24는 인도, 아랍에미리트, 호주에서 운영되는 선구적인 자동차 기술 기업으로, 차량 소유 관련 종합 서비스를 제공합니다. 인도 내 50개 이상의 직영점과 150개 이상의 프랜차이즈 매장, 12개 이상의 사업 부문을 보유한 이 기업의 제품 포트폴리오는 광범위할 뿐만 아니라 복잡합니다.

회사가 성장함에 따라 디자인 및 개발 프로세스는 점점 더 분절화되었습니다. 팀들은 고립된 상태로 작업했으며, 디자인, 제품, 마케팅 팀 간에 종종 불일치가 발생했습니다.

"Figma를 사용하기 전에는 모두가 각자의 방식대로 업무를 처리했습니다. 각자 다른 대시보드, 업무 흐름, 심지어 로그인 방식까지 있었죠. 우리는 일관된 사용자 경험을 창출하기 위해 이 모든 것을 통합해야 했습니다."라고 CARS24 디자인 부문 부사장 Akshit Malhotra가 말했습니다.

Lego로 구현한 중앙화: CARS24의 토큰화된 디자인 시스템

20개 이상의 사업 부문 전반에 일관성을 구축하기 위해 CARS24는 Figma에 완전히 호스팅되는 내부 토큰화 디자인 시스템인 Lego를 구축했습니다. Lego는 팀 간 공유 시각적 언어와 패턴을 도입하면서도 각기 다른 브랜드 및 제품 요구사항에 대한 유연성을 유지했습니다. 팀은 핵심 시스템에 테마별 변형을 적용하여 CFSPL(CARS24 Financial Services Private Limited, 자회사인 비은행 금융회사), CARS24 Orbit(차량 소유의 다양한 측면을 효율화하는 자동차 관리 시스템), CARS24 New Cars(신차 구매를 위한 통합적이고 투명한 방식을 제공하는 디지털 플랫폼)과 같은 사용 사례를 지원했습니다.

현재 레고는 CARS24 전사적으로 70명 이상의 디자이너와 120명 이상의 개발자에게 동력을 공급하고 있습니다. 이제 더 넓은 적용성과 더욱 손쉬운 유지보수를 위해 라이트/다크 모드를 기반으로 구축된Design System V2로 진화하고 있습니다.

Dev Mode와 Code Connect로 개발자 자율성 강화

Figma의 Dev Mode는 작업 인계 프로세스에 새로운 수준의 가시성과 구조를 도입했습니다. 개발자들이 예전에는 명확한 설명을 위해 Slack 대화나 화면 녹화에 의존했던 반면, 이제는 Figma 내에서 바로 생산 준비가 완료된 디자인을 검토하며 토큰, 스타일, 사양에 원활하게 접근할 수 있습니다.

핵심은 팀의 체계적인 토큰화 활용이 품질 관문 역할을 한다는 점입니다. 토큰은 디자인과 개발 간 공유된 기대치를 바탕으로 표준 통화로 자리 잡았습니다. CARS24의 디자인 시스템 리더 Aniket Pandey는 "토큰화되지 않은 작업은 디자인 단계로 되돌려집니다. 이것이 현재의 책임 수준입니다. 개발자들도 코드베이스에 이러한 토큰을 구축했습니다."라고 말했습니다.

CARS24는 디자인 주도형 프로토타이핑으로의 전환의 일환으로 Code Connect와 Figma Make도 도입하기 시작했습니다. 이제 디자이너들은 사용자가 실제로 제품과 상호작용하는 방식을 시뮬레이션하는 현실적이고 상호작용 가능한 흐름을 구축함으로써, 단 한 줄의 코드도 작성되기 전에 개발자들이 논리, 동작 및 의도를 더 명확하게 이해할 수 있게 합니다. 그 결과 팀은 모호한 요구사항을 논의하는 시간을 줄이고 실제 사용자 경험을 다듬는 데 더 많은 시간을 할애하게 되어, 더 빠른 반복 작업, QA 주기 단축, 구현 과정에서의 예상치 못한 문제 감소라는 결과로 이어집니다.

FigJam: 전략적 리브랜딩부터 일상적 의식까지

CARS24의 브랜드 리뉴얼 과정에서 FigJam은 공동 창립자, 여러 에이전시 파트너, 전 세계에 흩어진 기능별 팀 간의 협업을 가능하게 했습니다. 초기 무드보드 작업부터 150개 이상의 매장 리디자인에 이르기까지, 전체 브랜드 리뉴얼 작업이 FigJam에서 진행되었습니다.

또한 주간 제품 회의와 같은 일상적인 업무 흐름을 지원합니다. 팀원들은 통화 녹음을 분석하고 고객 경험 인사이트를 도출하여 로드맵에 직접 반영합니다. 이러한 인사이트 중 하나인 '차량 상세 페이지에 콜백 버튼 추가'라는 간단한 요청은 UI 변경으로 이어졌고, 이로 인해 전환율이 12% 향상되었습니다.

다기능 조직 문화 구축

CARS24의 핵심 디자인 팀 외에도 PM, 연구원, SEO 전문가, 개발자, 모션 디자이너, 콘텐츠 작가, 심지어 비즈니스 이해관계자까지 Figma를 적극적으로 활용하고 있습니다. 이 작업 방식의 차별점은 단순한 접근 권한이 아닌 유창한 활용 능력에 있습니다. 신입 사원들은 초기에 Figma를 익히며, 비디자인 팀원들도 맥락에 맞는 피드백을 남기거나 기존 컴포넌트를 활용해 신속한 실험을 진행하도록 장려됩니다. CEO조차 디자인 파일에 적극적으로 관여하며, 이러한 다기능적 문화 변화는 더 날카로운 피드백과 빠른 의견 수렴으로 이어지고 있습니다.

AI, 플러그인 및 앞으로의 길

앞으로 CARS24는 자동 테마 생성 및 자동화된 프로토타입 구동부터 마케팅 팀이 캠페인 자산을 자체적으로 관리할 수 있도록 지원하는 것까지 AI와 자동화가 업무 흐름을 어떻게 가속할 수 있는지 모색하고 있습니다. 또한 레이아웃 디자인과 컴포넌트 반복 작업을 가속화하기 위해 Figma와 Cursor를 통합하고 있으며, 품질 저하 없이 속도를 높이기 위해 새로운 MCP API를 실험 중입니다.

장기적인 목표는 완전한 디자인 자립입니다. 프론트엔드 병목 현상 없이 새로운 페이지, 캠페인, 실험을 출시할 수 있는 팀을 구축하는 것입니다. Figma가 업무 흐름을 주도함에 따라 디자인은 더 이상 보조 기능이 아닌, 전사적 속도, 비용 절감, 확장성의 핵심 동력이 되었습니다.