Vanguard, Figma를 통해 디자인 속도 50% 향상 및 시너지 효과 극대화

잘 알려진 투자 운용사인 Vanguard는 "투자 회사는 고객에게 가장 이익이 되는 방향으로 펀드를 운용해야 한다*"는 단순하지만 혁신적인 아이디어를 바탕으로 설립되었습니다. 이 대담한 비전은 이제 막 투자를 시작한 개인부터 풍부한 경험을 가진 고객에 이르기까지 5천만 명 이상의 글로벌 고객에게 헌신하겠다는 Vanguard의 강력한 의지를 보여줍니다. Vanguard는 광범위한 고객층과 매우 다양한 상품을 보유하고 있으며, Figma 및 FigJam으로 교육적이고 원활한 디자인 중심의 디지털 경험을 제공함으로써 더 나은 금융 웰빙을 실현할 수 있습니다.

과도한 다각화로 인한 기술 스택 문제 해결

Vanguard는 온라인 계좌 관리, 모바일 앱, 디지털 자문 서비스, 최적화된 대시보드 등 강력한 디지털 서비스를 통해 다양한 사용자의 선호도를 만족시킬 수 있습니다. Vanguard의 각 앱과 제품은 고객이 재정적으로 성공할 수 있도록 지원하기 위해 디자인되었습니다.

Figma를 사용하기 전에는 Vanguard의 각 팀은 사일로 현상을 겪지만 빠르고 혁신적인 작업을 추구하는 소규모 스타트업처럼 운영되었습니다. 하지만 이러한 방식은 통합된 제품 생태계를 구축하는데 방해가 되었고, 중복 작업이 발생하는 경우가 많았습니다. Vanguard의 사용자 경험(UX)팀, 제품팀, 엔지니어링팀의 경우 Sketch, Abstract, Invision, Mural이 뒤섞인 지나치게 복잡한 기술 스택으로 인해 이러한 사일로 현상이 더욱 심화되었습니다. 그 영향은 무시하기 어려웠습니다. 일상 업무에서 효과적인 커뮤니케이션, 팀 간 파일 공유, 최신 파일 유지 관리 등이 원활하게 이뤄지지 않았습니다. Vanguard는 기술 스택을 간소화해야 한다는 것을 깨달았고 이를 해결하기 위해 Figma로 전환했습니다.

Vanguard의 UX, 개인 투자자 저축 및 투자 부문 선임 관리자인 Will Walsh는 “Figma의 기능은 다른 세 가지 도구를 제거할 수 있었습니다. 디자인을 하고, 프로토타입을 제작하고, 개발자와 공유 및 협업하고 댓글을 달 수 있는 효율적인 도구 덕분이죠. Figma는 판을 바꿔놓았습니다. Sketch 사용과 비교했을 때 더 많은 분야에서 훨씬 더 많은 사람들이 Figma를 사용하고 있습니다.”라고 말했습니다.

Vanguard의 디자인 시스템을 새로운 차원으로 끌어올린 Figma

Vanguard의 디자인 팀은 브라우저 기반의 디자인 도구인 Figma를 사용하여 최신 업데이트 파일을 찾는 데 허비하는 시간을 줄이고 부서 간 협업에 더 많은 시간을 할애합니다. Vanguard의 UX 관리자인 Rob Kubala는 “Figma를 사용하기 전에는 제품 책임자나 개발자에게 하루에 최소 10개 이상의 링크를 보내 모든 사람이 최신 프로토타입을 볼 수 있도록 했습니다. 이전 도구는 공유하고 소통하는 방식이 비효율적이었죠. Figma를 사용하면서 지난 1년 동안 그 어느 때보다 더 많이 소통하고 있습니다.”라고 설명했습니다. ‘일확천금’을 보장하는 사기가 난무하는 세상에서 Vanguard는 고객의 금융 웰빙을 위해 최선을 다하며 정도를 지키고 있습니다. 이러한 고객의 신뢰는 Figma와 같은 도구로 가능해진 내부 협업에서 비롯되었습니다.

Vanguard는 디자인 시스템 라이브러리 구축부터 FigJam을 통한 사용자 흐름 확립, 프로토타입 제작을 통한 사용자 테스트 수행에 이르기까지 디자인 프로세스의 모든 부분에서 Figma를 사용합니다. Figma 덕분에 자체 디자인 시스템인 Constellation의 체계가 한층 개선되었고 모든 팀이 액세스할 수 있게 되었습니다. Vanguard의 (사용자)경험팀은 자동 레이아웃과 같은 Figma의 고급 기능을 활용하여 컴포넌트를 보다 자유롭게 확장할 수 있습니다. Vanguard의 UX 디자이너인 Kristi Cooke가 느끼는 Figma의 장점은 확실합니다. 이제 더 빠르고 정확하게 디자인할 수 있습니다. 더 이상 변경 사항 하나가 픽셀 단위 디자인에 미치는 영향을 확인하느라 “몇 시간씩”이나 낭비할 필요가 없습니다. 또한 마스터 파일에 새로운 디자인이나 콘텐츠 변경 사항을 업데이트할 때 50% 이상 시간을 절약할 수 있습니다. Kristi는 “작업을 훨씬 더 빨리 제공할 수 있게 되면서 작업 요청 처리 속도가 훨씬 빨라졌어요.”라고 말했습니다.

Figma의 디자인 시스템을 도입하면서 Vanguard는 300명이 넘는 직원들의 요구를 광범위하게 지원하는 동시에 자체 패턴 라이브러리가 필요한 브랜드팀, 리테일팀 마케팅팀, 글로벌팀 등 개별 팀에도 서비스를 제공할 수 있게 되었습니다. Figma의 고급 디자인 시스템 기능인 브랜치 분기를 사용하여 Vanguard의 각 팀은 원본 디자인 파일을 손상시키지 않으면서 탐색 공간에서 새로운 아이디어를 테스트할 수 있습니다. Kristi는 이 부분을 다행스럽게 생각합니다. Figma의 자동 레이아웃 기능을 통해 Vanguard의 디자인은 모든 변경 사항을 반영하므로 콘텐츠 및 UX 전략가들은 Kristi가 추가로 디자인하지 않아도 편집을 진행할 수 있습니다.

고객의 신뢰를 뒷받침하는 보안 기능

Vanguard와 같은 기존 금융 기관에 있어 고객의 신뢰보다 더 중요한 것은 없습니다. 그리고 그 신뢰는 플랫폼의 보안에 달려 있습니다. Vanguard는 가장 포괄적인 보안 기능에 액세스하기 위해 Figma의 엔터프라이즈 요금제로 업그레이드했습니다. Rob은 “Figma의 엔터프라이즈 요금제는 특히 사용자 테스트에서 훨씬 더 많은 제어 기능을 제공했기 때문에 클라우드 기반의 안전한 시스템을 구축할 수 있었어요. Vanguard는 커뮤니케이션과 협업을 촉진할 뿐만 아니라 단일 로그인(SSO)에 있어서도 매우 안전한 확장형 솔루션을 원했습니다.”라고 설명했습니다. Vanguard는 엔터프라이즈 요금제를 선택한 덕분에 혁신을 도모하기 위해 보안을 희생할 필요가 없어졌습니다. 이제 둘 다 가능하기 때문입니다.

속도와 협업에서 놀라운 성과를 제공하는 Figma

Vanguard는 Figma의 온라인 화이트보드 솔루션인 FigJam을 함께 사용함으로써 팀 협업을 새롭게 개선했습니다. Rob은 “실시간 협업에 대한 제 관점이 완전히 바뀌었습니다. 우리 모두가 FigJam으로 회의에 훨씬 더 몰입할 수 있었어요. 온라인에서 이런 경험은 처음이에요.”라고 말했습니다.

스토리보드 작성부터 사용자 여정 매핑, 주요 이해관계자와의 회의 진행, 와이어프레임 작성, 킥오프 회의 주도까지 Vanguard의 팀은 FigJam을 다양한 방식으로 활용하고 있습니다. FigJam은 UX팀, 제품팀, 개발자팀이 함께 모여 아이디어를 내거나 피드백을 제공할 수 있는 공간을 제공함으로써 상호 협업을 개선하고 있습니다.

Will은 “FigJam에 들어가면 마치 파티를 하는 것 같아요.”라고 한 마디로 요약했습니다.

원활한 핸드오프, 빠른 프로토타입 제작, 더 나은 조직 등 이 협업의 실질적인 영향력은 Vanguard의 디자인과 제품에 분명하게 나타나고 있습니다. Vanguard에게 Figma는 가치 있는 투자입니다. 이를 통해 Vanguard는 50% 더 빠르게 디자인하고 제품을 출시하며 궁극적으로 수백만 명의 고객을 위한 금융 상품을 개발할 수 있습니다.

전략, 문화, 리더십 전반에서 발견할 수 있는 Vanguard의 디자인 사고를 자세히 알아보고, Vanguard UX팀에서 기회를 살펴보세요.

* © The Vanguard Group, Inc.의 허가를 받아 사용되었습니다.

12024년 4월 기준

면책 조항: Vanguard는 자사 펀드에 의해 소유되며, 그 펀드는 Vanguard 펀드의 주주인 고객들에 의해 소유됩니다.