어드민 바로가기데모신청
All
Product

브랜드 아이덴티티(BI) 구축을 위한 UI 커스터마이제이션의 중요성

February 19, 2024
온라인에서 브랜드 아이덴티티의 중요성은 고객이 제품을 직접 경험할 수 없기 때문에 더욱 강조되며, 비즈니스들은 자사 플랫폼의 UI 디자인을 통해 이를 강화하고 있습니다. 외부 플랫폼을 사용할 경우, 비즈니스 고유의 UI를 반영하기 어렵지만, Shoplive의 UI 커스터마이제이션을 통해 이런 한계점을 해결할 수 있습니다.

대부분의 사람들이 ‘브랜드'의 중요성에 대해 알고 계실 겁니다. 브랜드는 제품이나 서비스를 넘어 비즈니스의 정체성을 나타내기 때문이죠. 이 정체성을 경쟁사와 차별화시키고 추구하는 가치를 시각적으로 전달하기 위해 구축하는 것이 브랜드 아이덴티티입니다. 대표적으로 ‘로고', ‘색감’, 그리고 흔히 글씨체 그룹으로 알고있는 ‘타입페이스’가 브랜드 아이덴티티를 대중들에게 전달하는 과정에 중요한 역할을 하죠.

브랜드 아이덴티티를 구축하기 위한 노력은 특정 산업과 관계 없이 모든 비즈니스들이 심여를 기울이고 있습니다. 대표적으로 기아자동차가 사명을 KN으로 바꾸면서 로고를 완전히 새롭게 디자인한 뒤, ‘균형, 리듬, 상승'이라는 새로운 브랜드 철학을 반영 하는 것이 브랜드 아이덴티티를 재정립하는 중요한 사례입니다.

한번 상상해보죠. 대형 백화점이나 아울렛을 가면 수 많은 비즈니스들이 자신의 브랜드를 보다 눈에 띄게 하기 위해 로고를 제일 크게 보여주고 제품들을 자신들의 방식으로 진열한 것을 보신 경험이 있으실겁니다. 하지만, 반대로 이런 대형 백화점이나 아울렛에서 모든 브랜드들의 로고와 제품 진열 방식을 통일시키면 어떻게 될까요? 비즈니스들은 자신들의 브랜드 아이덴티티를 고객들에게 구별시키기 어려울 것입니다. 

온라인에서도 브랜드 아이덴티티는 막대한 영향력을 가지고 있습니다. 심지어 온라인에서는 고객들이 제품에 대해 직접 경험해 볼 수 없기 때문에 브랜드의 시각적 요소는 더욱 크게 작용할 수 밖에 없습니다. 따라서 많은 비즈니스들이 온라인 상에서 브랜드 아이덴티티를 구축하고 자신들의 브랜드 에셋들을 최대한 녹여낼 수 있도록 자사몰과 앱의 UI를 신중히 디자인하고 있습니다. 

하지만 온라인 상에서는 자체적으로 제작된 채널 외에 마케팅을 위해 외부 플랫폼을 써야 할 때도 있습니다. 이런 경우 타사 플랫폼이 제공하는 형식에 맞춰야 하는 경우가 대다수이기 때문에 비즈니스의 고유 UI를 반영하기 어려운 부분이 많습니다. 이러한 맥락에서 UI 커스터마이제이션은 타 플랫폼에서 브랜드 아이덴티티를 구축하고 유지할 수 있게 하는 핵심 도구로 활용할 수 있습니다.


Use Case

현재 Shoplive의 기본 UI는 위 이미지와 같습니다. 기본 UI만으로도 라이브 스트리밍 중 제품 설명과 팝업들을 활용한 유저들과의 상호작용을 통해 구매 전환을 이끌어 낼 수 있습니다. 하지만 Shoplive는 비즈니스들이 라이브 스트리밍의 기능적인 요소 외에도 커스텀 UI를 이용한 브랜드 아이덴티티 구축 환경을 제공함으로써 구매 전환 외에 유저들의 종합적인 쇼핑 경험을 증진 시킬 방법을 연구했습니다.

다음으로, UI 커스터마이제이션의 구체적인 사용 사례들을 살펴보겠습니다.


Posty

포스티는 40-50대 여성을 타겟으로 하는 백화점 브랜드 할인 쇼핑 플랫폼입니다. 다양한 브랜드의 라이브 스트리밍을 제공하는 포스티 플랫폼의 특성상, 브랜드별로 유저 취향을 반영하기 위해 UI 커스터마이징이 중요한 역할을 담당합니다. 따라서 ‘브랜드 좋아요' 버튼을 포스티만의 라이브 플레이어에 추가하여 유저가 선호하는 브랜드를 쉽게 관리할 수 있도록 했습니다. 

또한, 메인 타겟층인 40-50대인 점을 감안해서 가독성을 높이기 위해 글씨와 이미지를 크게 하고, 제품을 클릭하면 색상, 사이즈, 수량 등을 한 번에 선택할 수 있게 해서 유저가 손쉽게 제품을 구매할 수 있도록 했습니다. 이를 통해 라이브 스트리밍을 시청하는 동안 유저가 원활하게 제품을 구매 할 수 있도록 유저 여정을 설계했습니다.


더한섬닷컴 - 핸썸TV

한섬의 프리미엄 브랜드 편집샵 플랫폼 더한섬닷컴은 “핸썸TV”를 통해 라이브 스트리밍을 진행하고 있습니다.

위에 보시는 이미지는 더한섬닷컴의 어플리케이션 홈페이지의 UI입니다. 그리고 아래는 핸썸TV 플레이어의 UI입니다.

핸썸TV의 플레이어 하단에 위치한 제품, 채팅, 그리고 좋아요 버튼들이 선으로 구분되어 있어 더한섬닷컴 로고의 브랜드 아이덴티티를 반영한 것을 확인할 수 있습니다. 더불어, 좋아요 버튼 모양을 각진 하트로 변경하고, 버튼을 누를 경우 방송 중인 브랜드의 이름과 핸썸TV 로고가 함께 노출되도록 커스텀 UI를 적용했습니다. 그 외에도, 더한섬닷컴은 라이브 자체에 유저 몰입성을 더하기 위해 공지 기능을 플레이어 제일 하단에 위치 시켰습니다. 

또한, 제품 버튼을 누르면 핸썸TV만의 제품 리스트 디스플레이 방식을 구현했습니다.


W.Concept

현재 6,000여개의 브랜드가 입점해있는 20-30대 여성을 타겟으로 한 유니크 디자이너 편집샵인 W.Concept은 자사 플랫폼에서 포인트 컬러로 사용하고 있는 진한 오렌지(#FA5500) 컬러를 공지와 ‘NOW’ 버튼 등에 적용했습니다. W.Concept 자사몰의 ‘MAKE IT YOURS’ 섹션에서는 여러 제품들을 가로 스크롤 방식으로 보여주고 있습니다. 이런 제품 디스플레이 형식을 플레이어에서도 비슷하게 반영하기 위해 유저들이 하단의 제품 카드를 클릭했을 시, 옆으로 스크롤 하면서 제품을 탐색할 수 있게 UI를 커스터마이징 했습니다.


홈앤쇼핑 - 팡라이브

홈앤쇼핑의 주된 포인트 컬러는 밝은 빨강(#E61938)입니다. 빨간색 계열의 색깔을 플레이어 내 구매하기, 공지, 좋아요 등 중요 기능들이 유저들의 눈에 띄기 쉽게 적용한 것을 확인할 수 있습니다. 또한 유저들의 평균 연령이 높다는 점을 감안하여 글씨와 버튼 크기를 크게 설정하였고, 공지 사항을 제일 하단에 위치시키면서 제품 카드와 공지 내용의 가독성을 최적화 시켰습니다.


위 사례들과 같이 Shoplive의 UI 커스터마이제이션을 활용해서 브랜드 아이덴티티를 효과적으로 전달하고, 타겟 유저의 구매 여정을 효과적으로 설계할 수 있습니다. 이를 통해 유저들이 브랜드와 더 깊게 연결되고, 비즈니스의 성장과 고객 충성도 향상에 기여할 수 있습니다. Shoplive의 UI 커스터마이제이션, 지금 바로 사용해보세요!

사용방법이 궁금하신가요?

어드민 가이드에서 자세한 내용을 확인할 수 있습니다.
어드민 가이드

개발 연동을 원하시나요?

Shoplive의 연동 과정을 한눈에 볼 수 있습니다.
개발자 가이드