든든한 동반자: 에이전시가 클라이언트 협업을 혁신하는 방법

지난 20년 동안 디자인 에이전시와 프리랜서 업무 환경은 급격한 변화를 겪었습니다. 원격 근무가 더 분산된 팀을 만들었을 뿐만 아니라, 부티크 에이전시들이 부상하여 한때 이 분야를 지배했던 거대 기업들에게 도전장을 내밀고 있습니다. 디자인이 불투명한 과정이라는 태도는 사라졌습니다. 대신 에이전시와 클라이언트는 긴밀한 협력을 유지하며 각 프로젝트에 맞는 맞춤형 업무 흐름을 공동으로 만들어갑니다. 에이전시 내부에서도 역할이 모호해지고 있습니다. "이제 그 어느 때보다 모든 것에 정통해야 합니다"라고 Design Business Company의 공동 창립자 Judson Collier는 말합니다. "제너럴리즘이 돌아왔습니다."

시간대와 팀을 넘나들며 창작 과정을 탐색하는 것은 열린 소통을 유지하고, 다양한 관점을 위한 공간을 마련하며, 작업 속도를 높여 주는 도구를 활용하는 것을 의미합니다. 우리는 다양한 에이전시 및 프리랜서들과 이야기를 나누며 그들이 Figma를 통해 어떻게 아이디어를 촉발하고, 통합하고, 출시하는지, 그리고 모든 단계에서 클라이언트와 효과적으로 협업하는지 알아보았습니다.

Human과 Jimini Health가 대담한 브랜드 방향에 일치된 의견을 모은 방법

Rachael Yaeger와 Michael Ray가 2013년 디지털 스튜디오 Human을 설립했을 때, 클라이언트의 니즈에 따라 팀 규모를 늘리거나 줄이는 것은 업계에서 이례적인 일이었습니다. 하지만 이제는 표준이 되고 있습니다. 직원 수가 6명에서 10명 사이를 오가는 Human은 이 구조를 선호합니다. 이를 통해 클라이언트와 긴밀하게 협력할 수 있고, 디자이너와 개발자 모두의 크래프트(기량)를 강조하며, 인하우스 팀과 에이전시 팀이 분열될 때 발생할 수 있는 마찰을 줄여주기 때문입니다. "우리는 프리랜서의 민첩성과 전문성을 갖추면서도 대형 에이전시의 응집력, 경험, 안정성까지 갖춘 아름다운 최적의 지점에 위치하고 있습니다"라고 Rachael은 말합니다.

슬라이드 1/41/4

Jimini 브랜딩 시스템은 인간 감정의 스펙트럼을 불러일으킵니다.

Human은 Jimini를 위해 견고하고 ADA(미국 장애인법)를 준수하는 색상 팔레트를 만들었습니다.

Molly Matalon의 사진은 강력한 시각적 정체성을 형성합니다...

...이 정체성은 소셜 미디어, 웹, 앱 전반에 걸쳐 일관되게 유지됩니다.

클라이언트들도 자신이 고용한 에이전시와 더욱 긴밀하게 일하기를 원합니다. "전통적인 관리 계층은 점점 줄어들고 있습니다"라고 Rachael은 말하며, 클라이언트들이 외부 파트너를 자신의 팀에 내재화하는 것을 더 편안하게 생각한다고 언급합니다. 10년 전과 비교했을 때, 클라이언트들은 디자인 적성이 더 높고 디자인 도구를 더 능숙하게 다룹니다. "Figma는 현재 업계의 유동성을 대변합니다"라고 그녀는 말합니다. "우리는 더 이상 인쇄된 PDF를 들고 회의실에 앉아 있는 정장 차림의 사람들이 아닙니다." 게다가 원격 근무로의 전환은 격식이 덜한 반면 더 빈번한 인터랙션을 이끌어냈습니다. "우리가 클라이언트에게 Figma 링크를 보내면, 그들은 일과가 끝날 때쯤 댓글을 남기고, 우리는 계속해서 아이디어를 주고받습니다"라고 Rachael은 말합니다. "이제 더욱 친밀한 역학 관계가 형성되었습니다. 에이전시는 신이고 모든 것을 안다'는 식의 태도는 줄어들었습니다."

이렇게 유연한 작업 방식은 Human이 정신 건강을 위한 AI 회사인 Jimini Health의 새로운 시각적 정체성과 웹사이트를 만들 때 결정적이었습니다. 스프린트 모드에 있는 동안, 두 팀은 브랜드가 무엇을 구현해야 하는지에 대한 기초적인 대화를 나누었습니다. Human은 Figma Slides를 사용하여 아이디어, 리서치, 무드보드를 정리했고, Jimini는 이에 대해 코멘트를 남길 수 있었습니다. 비디자이너도 쉽게 참여할 수 있다는 점이 중요했습니다. 그 결과 약 2주 만에 브랜드 방향에 대한 승인을 얻어냈습니다. 이 정체성은 인간 경험에 대한 은유로서 넓은 스펙트럼의 색상을 사용합니다. 클라이언트들이 보통 다양성에 대해 그렇게 수용적이지는 않지만, 보조를 맞춰 일한 덕분에 의견을 일치시키는 데 도움이 되었습니다. "그들은 결단력을 발휘할 수 있었습니다"라고 Rachael은 말합니다. Human은 나머지 디자인 작업을 약 4주 만에 완료했습니다. 이 속도는 상호 신뢰, 지속적인 소통, 그리고 프로세스 전반에 걸친 투명성이 있었기에 가능했습니다.

Figma는 또한 Human이 프로젝트의 소유권을 원활하게 이전하도록 돕습니다. 예를 들어, Jimini가 앱에 브랜드 북을 적용하기 시작했을 때, 팀은 코멘트를 통해 UI 요소가 브랜드 가이드라인을 따르는지에 대한 피드백을 빠르게 받을 수 있었습니다. "Figma는 모든 사람이 서로에게 정말 쉬운 방식으로 접근할 수 있게 해줍니다"라고 Rachael은 말합니다.

PORTO ROCHA가 VEEPS를 위한 확장 가능한 아이덴티티를 만든 방법

전략, 디자인, 모션, 인터랙티브 팀이 전 세계에 걸쳐 있는 32명 규모의 에이전시 PORTO ROCHA에게 적응력은 디자인 중심 시장에서 돋보이기 위한 핵심 요소입니다. 기술, 패션, 금융, 문화 분야의 클라이언트는 Kunsthalle Basel 같은 아트 갤러리부터 구글(Google) 같은 누구나 아는 기업까지 다양합니다. 다양한 분야, 규모, 매체를 넘나들며 일하는 것은 에이전시에 창의적인 에너지를 공급합니다. "그 덕분에 우리는 호기심을 유지하고, 산업 전반에 걸쳐 접근 방식을 전환하며, 맥락에 뿌리를 둔 결정을 내릴 수 있습니다"라고 PORTO ROCHA의 어소시에이트 디자인 디렉터 Gabriela Carnabuci는 말합니다.

지난 5년 동안 PORTO ROCHA는 아이디어 구상과 초기 콘셉트부터 디자인, 최종 핸드오프에 이르기까지 업무 흐름의 모든 단계에 Figma를 도입했습니다. "살아있는 것처럼 느껴지는 도구입니다"라고 Gabriela는 말하며, 디자인팀뿐만 아니라 사실상 모든 팀에게 필수적인 도구가 되었다고 덧붙입니다. 예를 들어 전략팀은 FigJam을 사용하여 원격 클라이언트 워크숍을 주최하고 리서치와 데이터를 한곳에 모으는데, 이는 내러티브를 명확하게 하는 데 도움이 됩니다. 내부 파일은 PORTO ROCHA가 자유롭게 아이디어를 주고받을 수 있게 해주며, 외부 파일은 디자인 프로세스의 내재된 복잡함을 일부 제어하면서 에이전시가 클라이언트와 대화를 유지하도록 해줍니다.

긴밀한 협업은 프로젝트가 완료된 후에도 클라이언트의 성공을 위한 기반을 마련합니다. PORTO ROCHA가 VEEPS의 브랜드와 제품을 리디자인했을 때가 바로 그런 경우였습니다. Live Nation과 Ticketmaster 이벤트의 공식 라이브 스트리밍 플랫폼인 VEEPS는 음악계 거물들의 쇼를 통해 수백만 명의 시청자에게 도달했습니다. 과제는 플랫폼을 위한 강력한 시각적 정체성을 만드는 동시에 아티스트가 빛날 수 있는 순간을 허용하는 데 있었습니다.

"이 균형을 맞추는 것은 데스크톱, 모바일, TV, 소셜 미디어 전반에 걸쳐 응집력 있으면서도 유연한 경험을 구축하는 것이나 마찬가지였습니다"라고 PORTO ROCHA의 인터랙티브 디자인 디렉터 Marcos Rodrigues는 말합니다. "그것은 모든 가능성과 포맷을 스트레스 테스트하는 과정이었습니다." Figma로 작업하는 것은 디자인이 각 표면에 잘 적용되도록 하는 데 중요한 역할을 했습니다. 특히 비디오, 모션 그래픽, 라이브 콘텐츠를 통합할 때 더욱 그랬습니다. 핸드오프 후 VEEPS 팀이 정체성을 적용하는 것을 돕기 위해, 디자이너들은 광범위한 컴포넌트 라이브러리를 구축하고 Stark와 같은 플러그인을 사용하여 모든 디자인이 접근성 매개변수를 준수하도록 했습니다.

"우리의 프로세스는 브랜드 개성과 기능적 요구의 균형을 맞춘 상징적이면서도 실용적인 시스템을 만드는 것을 탐구했습니다"라고 Gabriela는 말합니다. "클라이언트에게 유연한 시스템이 필요했기 때문에, 우리의 접근 방식은 로고부터 타이포그래피, 색상에 이르기까지 각 브랜드 요소에 개성을 불어넣어 아티스트와 그들만의 브랜드 표현이 중심 무대에 설 수 있도록 하는 것이었습니다." 새로운 정체성을 런칭한 이후 VEEPS에 대한 참여가 3배 이상 증가했고 소셜 팔로워는 50% 성장하여, VEEPS가 업계 리더로 자리 잡는 데 기여했습니다.

Design Business Company가 GitHub의 Shop에 플러그인한 방법

Stewart Scott-Curran, Judson Collier, Jordan Egstad가 설립한 Design Business Company(DBCo)는 각 프로젝트마다 클라이언트 팀에 녹아들어, 한때 디자인 업계를 지배했던 '에이전시가 제일 잘 안다'는 프레임워크에서 벗어납니다. 몇 주나 몇 달마다 아이디어를 발표하는 대신, DBCo는 무엇을 어떻게 디자인하고 있는지에 대한 가시성을 제공하여 클라이언트와 지속적인 대화를 만들어갑니다. 이들의 클라이언트는 주로 빠른 반응과 민첩한 업무 흐름을 기대하는 초기 및 중기 단계의 스타트업입니다.

DBCo는 클라이언트가 더 많이 투자하고 직접 참여할수록 결과물이 더 강력하고 흥미로워진다는 점을 이해합니다. 클라이언트를 온보딩한 후 몇 달 뒤에 '짠'하고 공개하는 대신, DBCo는 업무를 투명하고 협력적으로 유지합니다. "우리는 '마술사가 모자에서 토끼를 꺼내는' 효과를 피하려고 노력합니다"라고 Stewart는 말합니다. 첫날부터 DBCo는 Figma 파일을 클라이언트와 공유하고 코멘트나 스티키 노트를 남기도록 장려합니다. 이는 팀이 더 일찍 방향을 수정하도록 돕고 공식 프레젠테이션의 필요성을 줄여줍니다. "우리는 아이디어를 더 빨리 공유하고 더 자유롭게 협업할 수 있습니다. 결과적으로 전체 창작 과정이 덜 부담스럽게 느껴지게 되죠"라고 Jordan은 말합니다.

몇 년 전과 비교했을 때 태도가 엄청나게 변한 겁니다. "동료들이 '디자인하는 동안 누가 내 어깨 너머로 쳐다보는 건 절대 싫어. 소름 끼쳐'라고 말하던 게 기억납니다"라고 Judson은 말합니다. "이제 우리는 정반대 입장이 되었습니다."

예를 들어, GitHub가 파일 안에 들어와 있다는 것은 DBCo가 개발자 플랫폼의 온라인 샵을 재구상할 때 과감하게 나아가도록 밀어붙였습니다. 여기에는 새로운 웹사이트, 상품 및 패키징, 제품 사진이 포함되었으며, 이 모든 것이 Figma에서 디자인되었습니다. "이 도구의 정말 좋은 점은 브랜드가 어떻게 확장되어 이 모든 다른 표면에 동시에 적용될 수 있는지 한곳에서 볼 수 있다는 것입니다"라고 Jordan은 말합니다. 개발자들의 마음을 사로잡기 위해 DBCo는 코드 라인을 모방한 텍스트 애니메이션이나 스스로 해독되는 듯한 프로모션 코드와 같은 창의적인 사이트 인터랙션을 디자인했습니다. Figma에서의 프로토타이핑은 이러한 요소를 사실적으로 묘사하는 데 도움이 되었으며, 코나미 커맨드를 사용하여 사진을 ASCII 이미지로 변환하는 이스터 에그와 같이 일반적으로 상당한 개발자 리소스가 필요한 다른 실험들을 생생하게 구현해 주었습니다.

업무 흐름은 클라이언트와 프로젝트에 따라 다르지만, DBCo의 모든 프로젝트에는 한 가지 변함없는 것이 있습니다. 바로 팀이 Figma 변수를 사용하여 만든 내부 디자인 시스템인 'Construct'로 시작한다는 점입니다. 이 기초 시스템은 파일에 올바른 값을 자동으로 채울 수 있는 4가지 컬렉션을 갖추고 있어, 하루 반나절 분량의 작업을 단 30분으로 단축합니다. "우리는 모든 단순 반복 작업을 신속하게 처리할 수 있습니다"라고 Jordan은 말합니다. "도움이 될 만큼 충분한 시스템을 갖추는 것과 제약이 너무 많은 것 사이의 적절한 지점을 찾는 데 시간이 걸렸지만, 우리는 좋은 균형을 찾았습니다."

ChaChaanTeng!이 Eastern Margins를 위한 유연한 모듈을 구축한 방법

다른 에이전시들과 마찬가지로 런던 기반의 스튜디오 ChaChaanTeng!도 4년 전 시작한 이래 많은 변화를 겪었습니다. 창립자 Wei Prior에 따르면, Figma로의 이동은 팀이 공식 프레젠테이션 대신 파일 내에서 디자인을 통해 클라이언트를 가이드할 수 있게 했을 뿐만 아니라, 실제 게임, 캔버스의 재미있는 배경, 그림 등을 통해 "작업 프로세스를 게임화"하는 데도 도움이 되었습니다. 작은 스튜디오의 모든 구성원이 다른 사람들이 작업하는 내용을 볼 수 있기 때문에 프로젝트에 대한 내러티브를 더 빠르게 생성할 수 있습니다. "우리는 매우 협력적으로 일합니다"라고 Wei는 말합니다. "플랫폼으로서 Figma는 우리가 대규모 프로젝트 그룹 전반에 걸쳐 쉽게 작업할 수 있게 해주며 우리 성장의 토대가 됩니다."

이 플랫폼은 ChaChaanTeng!이 아시아의 얼터너티브 아티스트를 홍보하는 영국 음반 레이블 Eastern Margins와 같은 국제적인 클라이언트를 포함하여 더 많은 클라이언트를 맡는 데 도움을 주었습니다. 이들은 2년 전, 네온 컬러, 심볼, 일러스트레이션, 비디오가 무질서하게 섞여 총 100개 이상의 레이어로 구성된 새로운 브랜드 정체성에 대해 협업하기 시작했습니다. Wei는 이 작업을 "광기에 대한 모듈식 접근"이라고 부르는데, 이는 Eastern Margins 아티스트들이 활동하는 홍콩, 도쿄, 마닐라 같은 대도시에서 보이는 밀도와 불협화음을 참조하고 증폭한 것입니다.

Wei가 이 컨셉을 Eastern Margins의 창립자 David Zhou에게 발표했을 때, 그는 비주얼을 한 레이어씩 쌓아 올리는 과정을 시연했습니다. David는 이것을 보는 것을 매우 즐거워해서, 팀은 시스템의 역동적인 특성을 강조하기 위해 정체성에 모션을 통합하기로 결정했습니다. "우리는 예상치 못한 것, 왜곡되는 것, 그리고 변형을 만들어내는 것을 좋아합니다"라고 David는 말합니다. "우리는 Figma에서 작업하기 때문에, 그러한 행복한 우연이나 예상치 못한 것들이 훨씬 더 자연스럽게 튀어나옵니다."

음악 산업의 특성 때문에 ChaChaanTeng!은 Eastern Margins의 디자이너들이 포스터에 있는 아티스트 이름의 순서나 크기를 미세 조정할 수 있도록 종종 95% 완료된 파일을 전달합니다. "그건 매니저나 에이전트가 실수하면 해고당할 수도 있는 종류의 일입니다"라고 David는 말합니다. 이러한 변수들은 이벤트 예정 시간 몇 시간 전에도 바뀔 수 있으므로, Eastern Margins는 다른 시간대에 있는 에이전시에 의존하지 않고 마지막 순간에 디자인을 수정할 수 있어야 합니다. "Figma는 그래픽 디자이너가 아니더라도 디자인에 대한 기초적인 이해만 있다면 누구나 폰트 크기나 순서를 쉽게 변경할 수 있게 해주어, 우리의 큰 골칫거리를 덜어주었습니다"라고 David는 말합니다.

디자이너 Kevin Twohy가 Good Inside의 육아 앱을 반복 개선한 방법

Twohy Design Works의 창립자이자 대표인 Kevin Twohy는 가능한 한 민첩함을 유지할 수 있도록 업무를 구조화합니다. 클라이언트와 프로젝트에 따라 때로는 팀에 내재화되어 직원처럼 일하거나, 필요에 따라 전문가를 고용하여 작은 스튜디오처럼 기능하기도 합니다. "우리는 '슈퍼 개인'의 시대에 살고 있습니다"라고 Kevin은 말합니다. "새로운 기술 덕분에 한 사람이 더 넓은 범위의 작업을 크리에이티브 디렉팅 할 수 있는 능력이 생겼습니다." 이는 또한 Kevin이 선호하는 작업 방식, 즉 클라이언트와 일대일 관계를 구축하고, 작업 자체에 밀착하며, 창의적으로 흥미로운 것을 따르는 방식과도 잘 맞습니다.

지난 2년 동안 Kevin은 임상 심리학자 Becky Kennedy 박사가 설립한 온라인 육아 리소스인 Good Inside와 협업해 왔습니다. 초기 논의와 리서치에서 부모들이 스트레스 상황에서 즉각적인 도움이 필요하다는 것이 분명해졌고, 이에 Kevin과 팀은 부모들이 아이들의 떼쓰기, 잠투정 등을 지도할 수 있도록 돕는 개인화된 코칭 앱에 집중하게 되었습니다.

디자인 과제는 "단순히 인터페이스나 콘텐츠를 디자인하는 것이 아니라, 부모가 겪는 과정의 흐름을 보여주는 지도와 그에 연관된 콘텐츠 계획을 디자인하는 것"이었다고 Kevin은 설명합니다. 텍스트, 오디오, 비디오, 이미지가 포함된 스크립트와 부모 지침의 올바른 순서와 밀도를 찾는 것이 중요했습니다. Kevin과 Good Inside 팀은 FigJam을 사용하여 부모가 알아야 할 내용을 논의하고, Figma를 사용하여 해당 콘텐츠를 로우파이 와이어프레임으로 정리한 다음, 나중에 사용자 테스트를 위한 하이파이 프로토타입을 만들었습니다. 이를 통해 타이트한 반복 주기를 만들어 콘텐츠, 컨테이너, 인터페이스를 신속하게 개선할 수 있었습니다.

정보 아키텍처를 완벽하게 만드는 것은 Good Inside가 앱 구독자와 장기적인 관계를 구축하는 데 필수적이었습니다. "사용자 테스트에서 일주일이나 30일 동안만 통하는 것을 만들어서는 안 됩니다"라고 Kevin은 말합니다. "사용자가 '오, 좋네요. 어떠어떠한 기분이 들어요'라고 말하는 것만으로는 충분하지 않습니다. 실제로 테스트해 봐야 합니다." 베타 테스트는 한 달 이상 지속되었으며, 팀이 배운 내용을 바탕으로 여러 번의 반복 작업을 거쳤습니다. 예를 들어, 격앙된 순간에 불필요한 정보로 부모에게 부담을 주지 않기 위해 앱의 온보딩 경험을 가볍게 만들었습니다. 덕분에 Good Inside 앱은 별점 4.9점을 받았습니다.

"부모님들, 즉 고객들은 현실 세계에 사는 진짜 사람들이며, 문제에 대한 도움이 필요합니다"라고 Kevin은 말합니다. "그들이 아침에 일어나서 '나 앱이 필요해'라고 말하는 게 아닙니다. 진정으로 도움이 되는 올바른 기능을 갖추고, 그것을 올바른 방식으로 전달하는 것이 중요합니다."

에이전시와 프리랜서는 적합한 참여자를 프로젝트에 투입하고(때로는 즉시), 클라이언트와 더욱 긴밀하게 협업할 수 있는 민첩한 툴을 필요로 합니다. 소규모 에이전시들은 웹사이트에서 앱, 인쇄물, 물리적 제품에 이르기까지 단일 프로젝트 범위 내에서 다양한 표면을 디자인하며 더 큰 도전을 하고 있습니다. 이러한 환경에서 Figma는 팀이 신뢰를 구축하고, 아이디어를 다듬으며, 긴밀하게 소통하도록 돕고, 궁극적으로 탁월한 결과물로 이끕니다. 팀들이 Figma를 활용하는 방법을 자세히 알아보고, 데모를 신청해 보세요.