본문 시작

Works 상세

TV 홈쇼핑 실시간 판매에 UX가 미치는 영향력을 디자인하다

Launch
Sep, 2018
Client
CJ오쇼핑
UX
UX Concept Building, UI Concept Building, User Flow, Lo-Fi Prototyping, Hi-Fi Prototyping, Wireframing, UI Design, Framer, Proto.io

기존의 GUI는 쇼퍼테인먼트 전략을 추진하는 CJ오쇼핑의 콘텐츠의 성격을 표현하지 못했다. 추후 CJ오쇼핑은 대중의 취향을 문화콘텐츠로 전달하는 CJ E&M과 합병하여, 브랜드 시너지를 만들어갈 예정으로, 바이널씨는 대중의 취향을 문화콘텐츠로 홈쇼핑계를 이끄는 CJ오쇼핑의 새로운 그래픽 포맷을 구축하고자 한다.

CJ의 포인트 컬러와 블로섬을 모티브 삼아, CJ오쇼핑의 그래픽 아이덴티티를 확립 하였다. 스탠더드 및 서브 컬러를 기반으로 콘텐츠와 잘 어우러질 수 있는 컬러 가이드를 도출하였고, 이를 기반으로 그래픽 스타일을 추가로 도출하여 CJ오쇼핑의 생동감 있는 감성을 반영하고자 했다.

점, 선, 면을 이용해 화려한 그래픽 요소가 아닌 기본에 충실한 디자인으로 콘텐츠에 힘을 싣는다. 아이콘에는 로고의 아이덴티티를 녹여 비주얼 모티브와 어우러지는 유연한 CJ오쇼핑의 이미지를 담는다.

시선의 흐름을 고려한 Z 형태의 동선은 시청자들에게 자연스러운 정보 탐색의 기회를 제공하고 구매를 유도하는 역할을 하고 있다. 홈쇼핑 채널 특성상 라이브되고 있는 화면 안에 많은 정보를 담되, 메인 카피와 가격의 강조 바를 통해 방송을 보는 시청자가 원하는 정보를 빠르게 확인할 수 있도록 하여 실제 매출로 이어질 수 있도록 설계하였다.

다양한 정보에 적용 가능한 유연한 디자인을 구현하여 단순하고 직관적으로 정보에 접근할 수 있도록 정의하였다. 특히 ‘L바’ 디자인에서는 기존보다 정보의 양을 축소하고 자연스럽게 배치하여 시청자들에게 정확하게 정보 전달과 빠른 탐색을 유도하도록 설계하였다.

상품 구성 및 방송 조건 등의 정보는 한 눈에 잘 들어오도록 이미지 중심으로 정리하여 고객에게 전달하는 구성 전면, 텍스트 위주로 전달하는 일반 전면, 풀 사이즈 이미지와 타이틀 텍스트를 사용할 수 있는 이미지 전면, 특정 상품군의 상품 이미지를 효과적으로 고객에게 전달하기 위한 상품군별 전용 전면으로 제작하였다.

상품평, LEC, 화살표, 풀버전, 신문, 매진 등 다양한 기능 전면은 각각 성격에 맞추어 새로 추출한 그래픽 패턴을 활용하였고, CJ오쇼핑의 모티브를 담아 구성하였다.

주로 홈쇼핑 액세서리로 쓰이는 심의, 쇼호스트, 게스트, 스크롤, 인트로, 스틸 자막 등의 요소들 또한 새로운 GUI에 맞춰 재구성하였다.

Credits

  • Creative Director

    Kim Youngsun

    UI Designer

    Park Joohyun, Ju Sunyoung, Lee Sieun

  • Interaction Designer

    Kim Gisang