<div id="readability-page-1" class="page"><article id="post-137384">
									
									

									<div id="single-post-content">
										 1월 11, 2023										

										센드버드 브랜드 디자인팀은 고객의 경험에 닿는 브랜드 요소를 관리하고 개발합니다. 브랜드 요소는 로고, 컬러부터 아이콘, 스플래시 화면, 광고 등 사용자 경험에 이르는 무엇이든 될 수 있습니다. 회사의 브랜드 아이덴티티 뿐만 아니라 제품의 아이덴티티도 중요한 브랜드 요소 중 하나입니다. 특히 센드버드처럼 다양한 제품을 제공할수록 각 제품의 아이덴티티를 설립해야합니다. 올해 브랜드 디자인팀은 센드버드의 포괄적인 브랜드 디자인 시스템을 발전시키기 위해 각 센드버드 제품 아이덴티티 개발에 많은 시간을 보냈습니다. 이 글을 통해 우리의 탐구 방식과 해결점을 공유하고자 합니다.&nbsp;
<h2>각 제품에 아이덴티티가 필요한 이유?</h2>
제품의 인지도를 향상하고 각 제품이 구매로 이어지려면 제품마다 차별점을 만들고 아이덴티티를 확립하는 것이 필요합니다. 제품의 아이덴티티는 제품의 대내외 인지를 강화할 뿐만 아니라, 제품의 가치를 제고할 수 있는 브랜드의 중요한 요소 중 하나입니다.
센드버드도 이 필요성에 대해 인지는 하고 있었지만, 우리에게 맞는 적절한 시기가 필요했습니다. 최근까지는 센드버드 자체 브랜드를 강화하는 것이 우선이었기 때문입니다. 하지만 점차 회사 성장에 맞춰 세분화된 다양한 제품들이 출시되었고 각 제품별 기능을 강조한 아이덴티티 설립이 중요해졌습니다.
자연스럽게 제품의 아이덴티티의 필요성을 느끼는 팀과 사용처들도 많아지기 시작했습니다. 그래서 우리는 올해가 센드버드의 여러 제품의 아이덴티티를 개발하여 제품에 대한 인지도와 가치를 높여야 하는 시기라고 생각했습니다.
<h2>1단계. 문제 인식 / 센드버드 제품 특성 파악&nbsp;</h2>
개발을 시작하기에 앞서 사람들이 센드버드의 여러 제품을 소개할 때 어떻게 구분하고 있는지에 대한 조사가 필요했습니다. 우리는 먼저 기존 자료를 모아놓고, 관련 팀원들을 만나 그들이 제품을 소개하는데 어떤 어려움과 불편함이 있는지에 대한 내용들을 수집하였습니다:

센드버드의 모든 제품들의 특징은 채팅을 구현하는 API 및 SDK를 기반으로 하고 있어 각자 단일 제품으로 볼 수 없습니다. 센드버드의 채팅 기능을 도입할 때 추가 제품을 (예: chat, calls, live) 구매하여 확장해 나갈 수 있죠. 그렇기 때문에 각 제품의 아이덴티티를 구상할때 일반적으로 우리가 알고 있는 소프트웨어 제품과는 다른 접근 방식이 필요했습니다:
<ul>
<li aria-level="1">같은 브랜드에서 파생된 것을 느낄 수 있는 아이덴티티의 일관성&nbsp;</li>
<li aria-level="1">각 제품의 특징이 잘 드러난 직관성</li>
</ul>
<h2>2단계. 스케치 및 디자인</h2>
기존의 제품 표현에 있어서의 문제점을 파악한 후 센드버드의 아이콘 디자인 원칙을 기반으로 개발을 시작했습니다. 디지털 제품의 특성상 아이콘의 역할이 가장 중요하기 때문입니다. 아이콘은 간결한 형태이며, 직관적이고 기능을 잘 표현하고 있어야 합니다.&nbsp;
센드버드를 대표하는 제품이기에 브랜드 요소가 뚜렷하게 느껴져야 합니다. 제품별 연상되는 메타포를 사용하여 각 제품을 직관적으로 인지할 수 있도록 하였고, 센드버드 회사 브랜드와의 일관성을 유지하기 위해서 기존 센드버드 심볼의 형태적 특징과 그래픽 요소들을 활용하였습니다:&nbsp;
<ul>
<li aria-level="1">아이콘 디자인 원칙 – 간결함, 직관성, 기능적</li>
<li aria-level="1"><a href="https://sendbird.com/ko/blog/how-sendbird-design-created-our-new-brand-guidelines">센드버드 브랜드 매트릭스 S1</a> – 브랜드 핵심 요소 사용</li>
<li aria-level="1">센드버드다움을 담을 것 – 심볼의 형태적 특징 활용 </li>
</ul>
<img decoding="async" width="1664" height="875" src="https://sendbird.com/wp-content/uploads/sendbird-logo-blog8.png" alt="" sizes="(max-width: 1664px) 100vw, 1664px">
우리는 먼저 각 제품별로 연상되는 메타포를 활용하여 다양한 방식으로 시안 작업을 했습니다. 직관적이지만 그래픽이 복잡한 경우도 있었고, 아이덴티티가 잘 드러나지 않는 다소 일반적인 형태도 있었습니다.&nbsp;
그 안에서 우리의 디자인 원칙에 가장 부합하면서 센드버드 아이덴티티를 잘 표현하고 있는 몇 가지 시안으로 좁혔고, 라인의 굵기와 그래픽 간 간격, 코너 값 등 여러 번의 테스트를 거쳐 다양한 용처에서 사용 가능하도록 조정하였습니다.
<img decoding="async" width="1664" height="875" src="https://sendbird.com/wp-content/uploads/sendbird-logo-blog3.png" alt="" sizes="(max-width: 1664px) 100vw, 1664px">
<h2>3단계. 점검 및 완료</h2>
그렇게 우리는 센드버드의 각 제품을 반영하는 최종 로고를 완성했습니다. 그리고 각 제품을 총괄하고 있는 PM들과 최종 점검을 하였습니다.&nbsp;
예상한 대로 처음에 문제 인식 과정에서 중요하게 생각했던 내용과 관련된 피드백이 있었습니다. 제품의 아이덴티티가 개별적인 제품으로 보이지 않고 센드버드 내의 제품군으로 인식될 수 있게 하는거였습니다.
우리는 다시 여러 회의를 통해 이 중요한 점을 다시 한번 검증할 수 있었고, 우리가 놓친 것이 없는지 점검하는 단계를 거쳐 제품별 아이덴티티를 완성하였습니다.
<img decoding="async" width="1920" height="1080" src="https://sendbird.com/wp-content/uploads/Blog-Article_Product-Logos_05_Motion.gif" alt="Design elements and new Sendbird logos" sizes="(max-width: 1920px) 100vw, 1920px">
<h2>시스템화 작업</h2>
아이덴티티 개발만큼이나 중요한 것은 시스템화하는 것입니다. 결국 올바른 사용이 고객의 인식에 알맞게 자리 잡기 위해 가장 중요한 과정이기 때문입니다. 우리는 작업한 로고들을 모아놓고, 앞서 나왔던 피드백을 적용할 수 있는 사용 가이드를 만들었습니다. 센드버드 제품별 로고를 사용 방식에 따라 3가지 타입으로 나누었습니다.
<h3>A. Product Logo (Primary)&nbsp;</h3>
주된 제품 로고는 심볼 형태입니다. 오픈 소스 아이콘과 달리 각 제품의 특징을 반영한 아이콘으로 제품 유형을 시각적으로 구분하여 표시해야할 때 사용합니다. 센드버드 제품임을 인지할 수 있도록 제품 아이콘을 사용할 때 전체 제품 이름을 텍스트로 기입합니다. (e.g. Sendbird Chat, Sendbird Calls, etc.)
<img decoding="async" width="1664" height="882" src="https://sendbird.com/wp-content/uploads/sendbird-logo-blog5.png" alt="" sizes="(max-width: 1664px) 100vw, 1664px">
<h3>B. Product Logo (Horizontal)&nbsp;</h3>
센드버드의 로고 제작 기준에 맞춰 제작된 가로형 제품 로고입니다. 회사 로고와 함께 사용하는 상황에서 각 제품을 구분해야 할 때 사용합니다. 

<img decoding="async" width="1664" height="880" src="https://sendbird.com/wp-content/uploads/sendbird-logo-blog6.png" alt="" sizes="(max-width: 1664px) 100vw, 1664px">
<h3>C. Product Logo (Lockup)&nbsp;</h3>
센드버드는 여전히 브랜드 인지를 대내외적으로 강화해나가는 단계입니다. 락업 버전은 센드버드를 처음 접하는 불특정 다수의 고객들이 있을 경우를 고려하여 개발되었습니다. 센드버드 로고에 각 제품 이름이 표기된 조합형입니다.
<img decoding="async" width="1664" height="880" src="https://sendbird.com/wp-content/uploads/sendbird-logo-blog2.png" alt="" sizes="(max-width: 1664px) 100vw, 1664px">
<h2>그 이후&nbsp;</h2>
제품 로고를 개발한 지 약 4개월이 지났습니다. 이제는 각 팀에서도 제품의 로고를 활발히 사용하고 있습니다. 저희 브랜드 디자인 팀에서는 각 제품 로고 유형의 올바른 사용을 위해 관리를 지속적으로 해나가고 있습니다.
처음부터 무언가를 창조해 내는 일은 어렵습니다. 하지만 그 과정을 통해 우리가 학습하는 것들이 쌓여 센드버드의 브랜드 자산을 강화해 나가고 있습니다. 이번 제품 로고 개발을 위해 진심으로 함께 고민하고 방향을 찾아주신 팀원분들께 감사를 전합니다! 

										
										
										
									</div>
									
								</article></div>

Blog – Sendbird

센드버드 브랜드 디자인팀은 고객의 경험에 닿는 브랜드 요소를 관리하고 개발합니다. 브랜드 요소는 로고, 컬러부터 아이콘, 스플래시 화면, 광고 등 사용자 경험에 이르는 무엇이든 될 수 있습니다. 회사의 브랜드 아이덴티티 뿐만 아니라 제품의 아이덴티티도 중요한 브랜드 요소 중 하나입니다. 특히 센드버드처럼 다양한 제품을 제공할수록 각 제품의 아이덴티티를 설립해야합니다. 올해 브랜드 디자인팀은 센드버드의 포괄적인 브랜드 디자인 시스템을 발전시키기 위해 각 센드버드 제품 아이덴티티 개발에 많은 시간을 보냈습니다. 이 글을 통해 우리의 탐구 방식과 해결점을 공유하고자 합니다. 
각 제품에 아이덴티티가 필요한 이유?
제품의 인지도를 향상하고 각 제품이 구매로 이어지려면 제품마다 차별점을 만들고 아이덴티티를 확립하는 것이 필요합니다. 제품의 아이덴티티는 제품의 대내외 인지를 강화할 뿐만 아니라, 제품의 가치를 제고할 수 있는 브랜드의 중요한 요소 중 하나입니다.
센드버드도 이 필요성에 대해 인지는 하고 있었지만, 우리에게 맞는 적절한 시기가 필요했습니다. 최근까지는 센드버드 자체 브랜드를 강화하는 것이 우선이었기 때문입니다. 하지만 점차 회사 성장에 맞춰 세분화된 다양한 제품들이 출시되었고 각 제품별 기능을 강조한 아이덴티티 설립이 중요해졌습니다.
자연스럽게 제품의 아이덴티티의 필요성을 느끼는 팀과 사용처들도 많아지기 시작했습니다. 그래서 우리는 올해가 센드버드의 여러 제품의 아이덴티티를 개발하여 제품에 대한 인지도와 가치를 높여야 하는 시기라고 생각했습니다.
1단계. 문제 인식 / 센드버드 제품 특성 파악 
개발을 시작하기에 앞서 사람들이 센드버드의 여러 제품을 소개할 때 어떻게 구분하고 있는지에 대한 조사가 필요했습니다. 우리는 먼저 기존 자료를 모아놓고, 관련 팀원들을 만나 그들이 제품을 소개하는데 어떤 어려움과 불편함이 있는지에 대한 내용들을 수집하였습니다:
UX Design Team: 센드버드 기존 회사 심볼에 제품명만 텍스트로 붙여 구분 > 제품의 구분이 쉽게 눈에 들어오지 않음
Marketing Team: 제품 나열시 오픈 소스 아이콘 활용 > 센드버드 아이덴티티 모호
센드버드의 모든 제품들의 특징은 채팅을 구현하는 API 및 SDK를 기반으로 하고 있어 각자 단일 제품으로 볼 수 없습니다. 센드버드의 채팅 기능을 도입할 때 추가 제품을 (예: chat, calls, live) 구매하여 확장해 나갈 수 있죠. 그렇기 때문에 각 제품의 아이덴티티를 구상할때 일반적으로 우리가 알고 있는 소프트웨어 제품과는 다른 접근 방식이 필요했습니다:
같은 브랜드에서 파생된 것을 느낄 수 있는 아이덴티티의 일관성 
각 제품의 특징이 잘 드러난 직관성
2단계. 스케치 및 디자인
기존의 제품 표현에 있어서의 문제점을 파악한 후 센드버드의 아이콘 디자인 원칙을 기반으로 개발을 시작했습니다. 디지털 제품의 특성상 아이콘의 역할이 가장 중요하기 때문입니다. 아이콘은 간결한 형태이며, 직관적이고 기능을 잘 표현하고 있어야 합니다. 
센드버드를 대표하는 제품이기에 브랜드 요소가 뚜렷하게 느껴져야 합니다. 제품별 연상되는 메타포를 사용하여 각 제품을 직관적으로 인지할 수 있도록 하였고, 센드버드 회사 브랜드와의 일관성을 유지하기 위해서 기존 센드버드 심볼의 형태적 특징과 그래픽 요소들을 활용하였습니다: 
아이콘 디자인 원칙 – 간결함, 직관성, 기능적
센드버드 브랜드 매트릭스 S1 – 브랜드 핵심 요소 사용
센드버드다움을 담을 것 – 심볼의 형태적 특징 활용 
우리는 먼저 각 제품별로 연상되는 메타포를 활용하여 다양한 방식으로 시안 작업을 했습니다. 직관적이지만 그래픽이 복잡한 경우도 있었고, 아이덴티티가 잘 드러나지 않는 다소 일반적인 형태도 있었습니다. 
그 안에서 우리의 디자인 원칙에 가장 부합하면서 센드버드 아이덴티티를 잘 표현하고 있는 몇 가지 시안으로 좁혔고, 라인의 굵기와 그래픽 간 간격, 코너 값 등 여러 번의 테스트를 거쳐 다양한 용처에서 사용 가능하도록 조정하였습니다.
3단계. 점검 및 완료
그렇게 우리는 센드버드의 각 제품을 반영하는 최종 로고를 완성했습니다. 그리고 각 제품을 총괄하고 있는 PM들과 최종 점검을 하였습니다. 
예상한 대로 처음에 문제 인식 과정에서 중요하게 생각했던 내용과 관련된 피드백이 있었습니다. 제품의 아이덴티티가 개별적인 제품으로 보이지 않고 센드버드 내의 제품군으로 인식될 수 있게 하는거였습니다.
우리는 다시 여러 회의를 통해 이 중요한 점을 다시 한번 검증할 수 있었고, 우리가 놓친 것이 없는지 점검하는 단계를 거쳐 제품별 아이덴티티를 완성하였습니다.
시스템화 작업
아이덴티티 개발만큼이나 중요한 것은 시스템화하는 것입니다. 결국 올바른 사용이 고객의 인식에 알맞게 자리 잡기 위해 가장 중요한 과정이기 때문입니다. 우리는 작업한 로고들을 모아놓고, 앞서 나왔던 피드백을 적용할 수 있는 사용 가이드를 만들었습니다. 센드버드 제품별 로고를 사용 방식에 따라 3가지 타입으로 나누었습니다.
A. Product Logo (Primary) 
주된 제품 로고는 심볼 형태입니다. 오픈 소스 아이콘과 달리 각 제품의 특징을 반영한 아이콘으로 제품 유형을 시각적으로 구분하여 표시해야할 때 사용합니다. 센드버드 제품임을 인지할 수 있도록 제품 아이콘을 사용할 때 전체 제품 이름을 텍스트로 기입합니다. (e.g. Sendbird Chat, Sendbird Calls, etc.)
B. Product Logo (Horizontal) 
센드버드의 로고 제작 기준에 맞춰 제작된 가로형 제품 로고입니다. 회사 로고와 함께 사용하는 상황에서 각 제품을 구분해야 할 때 사용합니다.
C. Product Logo (Lockup) 
센드버드는 여전히 브랜드 인지를 대내외적으로 강화해나가는 단계입니다. 락업 버전은 센드버드를 처음 접하는 불특정 다수의 고객들이 있을 경우를 고려하여 개발되었습니다. 센드버드 로고에 각 제품 이름이 표기된 조합형입니다.
그 이후 
제품 로고를 개발한 지 약 4개월이 지났습니다. 이제는 각 팀에서도 제품의 로고를 활발히 사용하고 있습니다. 저희 브랜드 디자인 팀에서는 각 제품 로고 유형의 올바른 사용을 위해 관리를 지속적으로 해나가고 있습니다.
처음부터 무언가를 창조해 내는 일은 어렵습니다. 하지만 그 과정을 통해 우리가 학습하는 것들이 쌓여 센드버드의 브랜드 자산을 강화해 나가고 있습니다. 이번 제품 로고 개발을 위해 진심으로 함께 고민하고 방향을 찾아주신 팀원분들께 감사를 전합니다! 
The post 센드버드 제품 로고를 소개합니다 appeared first on Sendbird.

센드버드 제품 로고를 소개합니다

댓글