NIO가 Figma를 활용해 혁신하고 빠르게 성과를 도출한 방법

자동차 산업은 빠른 속도로 움직이지 않을 때가 많습니다. 자동차 설계에서 출시까지 3~5년이 소요되는 주기에 익숙한 산업이기 때문입니다. 또한 소프트웨어가 하드웨어에 깊숙이 내장되어야 하는 특성상, 차량 내 스크린의 UX 작업이 차량 출시 수년 전에 완료되는 경우도 드물지 않습니다.

하지만 시장의 신규 진입자들은 더 빠르게 움직이기를 원합니다. 중국 자동차 제조업체 NIO는 새로운 서브 브랜드인 firefly를 위한 새로운 비주얼 아이덴티티가 필요했을 때, 혁신하고, 반복하며, 빠르게 결과물을 낼 수 있는 에이전시와 일하기를 원했습니다. 결과적으로 이 기업은 디자인 에이전시 forpeople을 적합한 파트너라 생각했습니다.

런던과 암스테르담에 거점을 둔 forpeople은 그래픽, 제품, 공간, 인터랙션 디자인뿐만 아니라 모션, 카피라이팅, 리서치, 전략 등 다양한 분야에 걸친 전문성을 보유하고 있습니다. 이 회사는 사용자에 집중하고 더 매끄러운 경험을 제공함으로써 시장에서 독보적인 관점을 만들고자 했던 NIO에게 완벽한 파트너였습니다.

사용자 경험 전반에 걸쳐 인상적이고, 의미 있으며, 일관성 있는 독창적인 브랜드 및 비주얼 아이덴티티 시스템을 구축하는 것이 도전 과제였습니다. 하지만 forpeople은 뮌헨과 중국에 있는 NIO의 디자인 리더들과의 긴밀한 협업과 상시적인 피드백 루프가 핵심이 될 것임을 알고 있었습니다. 그리고 이 회사는 이 작업을 수행할 도구로 Figma를 선택했습니다.

forpeople의 크리에이티브 디렉터 James Addison은 이렇게 말합니다. "에이전시가 클라이언트와 일하는 역사를 보면, 대부분은 전통적인 슬라이드 덱에 의존했습니다. 파일을 공유하고, 통화하며 정적인 문서를 보고, 클라이언트에게 다음 슬라이드로 넘어가 달라고 요청했죠.""하지만 수많은 비주얼을 만들고, 인터랙티브 프로토타입이 필요하며, 빠르게 움직여야 하는 혁신적인 클라이언트가 있을 때는 그런 방식으로는 부족합니다. 그래서 우리는 Figma가 필요했고, Figma는 아주 빠르게 우리의 크리에이티브 허브이자 파트너십의 중심에 있는 협업의 핵심 요소로 자리 잡았습니다."

빛을 발휘할 자유가 있는 아이덴티티

새로운 비주얼 아이덴티티 시스템의 개발 과정은 심도 있고 세밀합니다. NIO의 새로운 자동차 브랜드를 위해 forpeople은 반딧불이가 움직이는 방식, 빛을 내는 방식, 그리고 이 곤충이 상호작용하는 환경에서 영감을 얻었습니다.

Marius Holletzek, NIO 브랜드 경험 디자인 및 전략 디렉터:

"우리는 브랜드가 자동차 자체와 분리될 수 없는 존재로 느껴지기를 원했습니다. 나중에 덧붙인 것이 아니라 그 안에서 살아 숨 쉬는 무언가처럼 말이죠. 자동차의 디자인 언어와 반딧불이의 마법에서 영감을 받은 우리의 크리에이티브 디렉션 'Freedom to Glow(빛을 발휘할 자유)'는 타이포그래피와 색상부터 브랜드가 움직이고 말하는 방식에 이르기까지 모든 디테일에서 빛나는 개성의 정신을 포착합니다. 이 모든 것은 아이디어를 개발하고 공유하기 위해 선택한 플랫폼인 Figma를 활용하여 구상되었습니다."

이러한 시작에서 forpeople은 로고 작업을 시작했습니다. James는 이렇게 말합니다. "우리는 로고에 대해 많은 아이디어와 변형을 거쳤고, 바로 이 지점에서 빠른 협업의 필요성이 대두되었습니다.이건 클라이언트에게 보내고 피드백을 기다릴 수 있는 종류의 프로젝트가 아니었습니다. 여러 차례의 반복 수정이 있었고, 각 로고에 대해 수많은 코멘트가 달렸기에, 이메일로 끝도 없이 PDF를 보내는 방식으로는 달성할 수 없는 상시적인 피드백 루프가 필요했습니다."

forpeople은 Figma를 사용하여 프로젝트의 모든 측면을 위한 하나의 협업 허브를 만들었습니다. 이곳에서 뮌헨에 있는 NIO의 디자인 팀은 코멘트를 달 수 있었고, forpeople 팀은 디자인을 빠르게 진행할 수 있었습니다.

정적인 로고에서 시작하여 forpeople 팀은 모션을 개발할 수 있었습니다. James는 말합니다. "차 안에는 두 개의 스크린이 있는데, 우리는 NIO와 함께 시각적 요소가 한 스크린에서 다른 스크린으로 이동할 수 있어야 한다고 결정했습니다. 우리는 두 공간을 가로지르며 움직이는 반딧불이 구체에 대한 아이디어를 냈습니다. 스크린을 넘나들며 날아다니고 반짝이는 이 구체는 사용자에게 즐거움을 주고 매끄러운 디지털 경험을 만들기 위해 고안된 시각적 경험을 창출합니다."

그 컨셉 디자인 중 일부는 forpeople 팀이 Figma에 추가한 MP4 파일이었고, 일부는 Figma 자체에서 제작되었습니다.

James는 설명합니다. "우리는 인터페이스 자체가 어떻게 작동할지, 그리고 브랜드가 차 안에서 어떻게 살아날 수 있을지 실험하는 것으로 시작했습니다. Figma를 사용하여 서체가 어떻게 움직일 수 있는지, 반딧불이의 깜박임이 어떻게 부드러운 경고 신호로 변환될 수 있는지, 그리고 혁신이 어떻게 견고하면서도 감성적으로 느껴질 수 있는지 탐구했습니다. 이러한 초기 프로토타입을 통해 우리는 상하이에 있는 NIO 팀이 이를 바탕으로 자신들만의 것을 만들 수 있는 토대가 되는 방향성을 잡았습니다. 이것은 진정한 의미에서 글로벌하게 진행한 노력이었습니다."

하지만 이런 방식으로 일해서 얻은 가장 큰 성과 중 하나는 forpeople이 NIO의 이해관계자들과 구축한 긴밀한 유대 관계였습니다. 두 팀 모두 Figma 캔버스를 중심으로 아이디어를 구상하고, 이를 실행에 옮기고, 각 조직의 이해관계자들로부터 피드백을 수집했습니다.

“저희는 신속하게 움직입니다. Figma를 사용하여 forpeople 팀과 협력함으로써 효율성을 획기적으로 향상할 수 있었습니다”라고 Marius는 말합니다. "우리는 수많은 프레젠테이션을 보고 싶지 않습니다. Figma를 사용하면 파일 내에서 피드백 루프를 유지하면서 '단일 진실 공급원(SSOT)'을 지킬 수 있습니다."

대부분의 협업은 forpeople과 NIO 팀이 각각 영국과 독일 사무실에서 파일로 작업하며 이루어지지만, 팀들이 디자인을 시각화하는 방식에 대한 매혹적인 예시 하나는 뮌헨에 있는 NIO 디자인 센터에서 찾아볼 수 있습니다.

바로 NIO의 7미터 크기 "파워 월" 상영실이 위치한 곳이었습니다. 이곳은 일반적으로 NIO의 디자인 및 엔지니어링 팀이 영화관 수준의 화질로 가상 SUV를 평가하고 분석하는 실물 크기 차량 리뷰를 위한 인터랙티브 스크린으로 사용됩니다. 하지만 이 파워 월은 Figma 파일을 위한 완벽한 프레젠테이션 도구이기도 합니다.

“Figma는 분명히 원격 협업을 위해 탄생한 도구이지만, 파워 월에 올리면 대면 작업을 훨씬 효과적으로 진행할 수 있습니다. 팀들이 한 공간에 모여 더 빠르게 기회를 발견하고 아이디어를 행동으로 옮길 수 있는 거대한 공유 캔버스 역할을 하니까요”라고 NIO 크리에이티브 리드 Daniel Wegmann은 말했습니다.

NIO에는 빠른 속도가 필요했으며, 덕분에 자동차 디자인의 리듬이 재편되었습니다. forpeople 및 Figma와 함께 팀은 복잡성을 뚫고 실시간으로 아이디어를 생성, 테스트 및 개선했습니다. 그 결과, 대담한 새로운 아이덴티티가 탄생했습니다. 그리고 빠르고 집중적인 협업이 어떻게 디자인이 야망과 발맞추어 나가는 모델을 만들 수 있는지에 대한 새로운 벤치마크가 되었습니다.