킴벌리클라크가 사랑 (새 탭에서 열림)
Clearstep은 환자들이 복잡한 의료 시스템 속에서 적절한 진료를 신속하게 찾을 수 있도록 돕는 AI 기반 증상 체크 및 진료 라우팅 솔루션을 제공합니다. 이들은 다양한 의료 기관의 요구사항을 충족하기 위해 Figma를 활용한 효율적인 '화이트라벨(White-label)' 디자인 시스템을 구축하여 개인화된 사용자 경험을 구현했습니다. 결과적으로 디자인과 개발 프로세스를 동기화함으로써 복잡한 의료 여정을 단순화하고 환자의 신뢰를 확보하는 데 성공했습니다. ### 효율적인 화이트라벨링을 위한 변수(Variables) 활용 * Clearstep은 다양한 의료 파트너(HCA Healthcare, CVS Health 등)의 개별 브랜딩을 반영하기 위해 Figma의 **Variables(변수)** 기능을 적극적으로 활용합니다. * 색상, 타이포그래피, 테두리 반경 등의 디자인 토큰을 변수로 관리하여, 한 번의 설정 변경만으로 수많은 파트너사별 UI 테마를 즉각적으로 전환할 수 있는 구조를 갖췄습니다. * 이를 통해 각 파트너사의 브랜드 가이드라인을 엄격히 준수하면서도, 핵심적인 UX 로직은 공통으로 유지하여 유지보수 효율을 극대화했습니다. ### 환자 신뢰 구축을 위한 프로토타이핑과 UX 설계 * 의료 서비스 특성상 환자의 불안감을 줄이고 신뢰를 주는 것이 중요하므로, Figma의 고도화된 **프로토타이핑** 기능을 사용해 실제 제품과 유사한 사용자 흐름을 사전에 검증합니다. * 복잡한 임상 알고리즘에 따른 분기 로직을 시각화하여, 환자가 자신의 증상에 맞는 정확한 진료 단계(응급실, 원격 진료, 전문의 예약 등)로 안내받는 과정을 최적화했습니다. * 사용자 테스트를 반복하며 텍스트 톤앤매너와 인터렉션의 세부 사항을 조정해, 환자가 AI의 권장 사항을 믿고 따를 수 있는 심리적 안정감을 제공합니다. ### 디자인 시스템을 통한 협업 생산성 향상 * 디자이너와 개발자 간의 간극을 줄이기 위해 Figma를 **단일 진실 공급원(Single Source of Truth)**으로 운영하며, 컴포넌트 라이브러리를 코드베이스와 밀접하게 동기화했습니다. * 컴포넌트의 상태(State)와 속성을 명확히 정의하여 개발자가 별도의 추가 설명 없이도 의도된 UI를 정확히 구현할 수 있도록 핸드오프 과정을 단순화했습니다. * 이러한 시스템화된 접근 방식은 새로운 파트너사를 온보딩하거나 기능을 확장할 때 발생하는 리소스를 획기적으로 절감해 줍니다. 의료와 같이 복잡하고 규제가 까다로운 도메인일수록, 디자인 시스템의 유연성과 프로토타이핑을 통한 검증이 제품의 성패를 좌우합니다. Clearstep의 사례처럼 Figma의 최신 기능인 변수와 고도화된 컴포넌트 관리를 활용한다면, 확장성 있는 화이트라벨 솔루션을 구축하려는 엔터프라이즈 기업들에게 훌륭한 벤치마킹 모델이 될 것입니다.