토스의 새로운 얼굴 만들기
Summary
토스가 '아이' 얼굴을 버리고 '신뢰'를 선택한 이유
똑똑하고 믿음직한 금융의 얼굴, 토스의 인물 그래픽 리뉴얼 비하인드
토스가 글로벌 금융 플랫폼으로의 도약을 위해 서비스의 얼굴인 인물 그래픽을 전면 개편했습니다. 브랜드의 핵심 가치인 '신뢰'를 시각화하고, 전 세계 누구나 자신을 투영할 수 있는 포용적인 디자인 시스템을 구축하기까지의 치열한 고민과 실행 과정을 소개합니다.
- 01단순한 캐릭터를 넘어 브랜드 페르소나를 투영한 고밀도 그래픽 설계
- 02어려 보이는 인상을 지우고 신뢰감을 주는 0.1mm의 얼굴 비율 조정
- 03성별과 인종의 경계를 허무는 젠더 뉴트럴 및 5색 스킨톤 시스템
- 04작은 아이콘부터 초대형 광고판까지 대응하는 견고한 조형미
- 05글로벌 사용자의 공감을 이끌어내는 유니버설 디자인 가이드라인
RECOMMENDATION
브랜드 리브랜딩을 고민 중인 디자이너나 글로벌 서비스의 포용적 디자인 시스템을 구축하고자 하는 분들께 강력 추천합니다. 시각적 심미성을 넘어 브랜드의 철학을 어떻게 시스템화하는지에 대한 실질적인 통찰을 얻을 수 있습니다.
The Problem
기존 토스의 인물 그래픽은 작은 이모지 환경을 기준으로 설계되어 고해상도 대형 화면에서 밀도가 낮아 보였고, 지나치게 어려 보이는 인상이 브랜드가 지향하는 금융 서비스의 신뢰감을 충분히 전달하지 못했습니다. 또한 단일한 스킨톤 사용으로 인해 글로벌 시장 확장과 다인종·다문화 환경을 포용하는 데 한계가 있었습니다.
The Solution
얼굴의 세로 비율과 이목구비 배치를 미세하게 조정하여 지적인 인상을 강화하고, 목과 어깨의 곡선을 정리하여 조형적 완성도를 높였으며 중성적인 헤어와 의상을 도입했습니다. 특정 인종이나 문화로 읽히지 않도록 다섯 가지 스킨톤 시스템을 구축하여 상황에 따라 조합해 사용할 수 있는 가이드를 마련했습니다.
The Result
앱 전반에서 똑똑하고 믿음직한 토스의 브랜드 이미지를 일관되게 전달할 수 있게 되었으며, 다양한 인종과 문화를 아우르는 포용적인 비주얼 시스템을 통해 글로벌 확장성을 확보했습니다. 실제 서비스 적용 시에도 주변 UI 요소들과 자연스럽게 어우러지는 높은 완성도를 보여주었습니다.
Trade-off
본문에 구체적인 수치는 없으나, 단일 캐릭터를 사용하는 대신 다섯 가지 스킨톤 시스템을 도입함으로써 디자인 리소스 관리 및 제작 시의 복잡도가 증가했을 것으로 예상됩니다. 또한 완벽한 중립성을 위해 노란색 계열의 단일 컬러 도입을 검토했으나 디자인 충돌 문제로 포기하고 다양성 수용이라는 절충안을 선택했습니다.
Key Concepts
More from 토스
View all posts from 토스
누군가는 토스를 테스트하는 동안, 우리는 테스트하는 법을 만듭니다.
QA EngineeringTest AutomationAI in Testing2주 전
es-toolkit: How a Small Internal Library Became a Global Project
JavaScriptTypeScriptTree-shaking2주 전6. 도구를 넘어, 기준과 책임으로
Technical WritingAI AutomationKnowledge Governance2주 전5. Technical Writer, 사라질 결심
LLMGitHub ActionsGenerative AI2주 전es-toolkit, 사내 작은 라이브러리가 전세계적인 라이브러리가 되기까지
JavaScriptTypeScriptTree-shaking3주 전
