본문 시작

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 JoohyunJu SunyoungLee Sieun

  • Interaction Designer

    Kim Gisang