Skylife_포트폴리오_default.jpg

Skylife (Live Commerce)

Skylife
  • CATEGORY
    Experience Design
    Platforms & Growth
  • TAG
  • INTRODUCTION
    스카이라이프 쇼핑+ 서비스는 TV 앱 환경에서 커머스 채널과 상품을 탐색하고, 모바일 주문까지 연계할 수 있도록 설계된 연동형 커머스 서비스입니다. 셋톱박스 환경에 따라 대응 가능하도록 다양한 메인화면 타입을 제공하며, 리모컨 중심 UX와 안정적인 주문 플로우를 통해 TV 커머스 이용 경험을 고도화했습니다.
PROJECT OVERVIEW
홈쇼핑 채널과 플랫폼이 분산되면서 원하는 방송과 상품을 찾기 위해 여러 화면을 오가야 하는 이용자 불편이 증가해 왔고, 이에 따라 다양한 홈쇼핑 콘텐츠를 한곳에서 비교·탐색할 수 있는 통합 서비스에 대한 수요 또한 높아지고 있습니다. 특히 중장년층을 주요 이용자로 하는 홈쇼핑 환경에서는 복잡한 채널 구조와 낮은 가독성이 커머스 접근의 장벽으로 작용해 왔습니다. ‘쇼핑+’는 이러한 문제를 해결해 효율적인 쇼핑 콘텐츠 탐색 서비스를 제공하고자 합니다.
커머스 모아보기
분산된 상품 정보를 한 화면에서 통합해 제공함으로써, 채널 전환 없이 상품 확인과 비교가 가능해 시청의 편의성과 탐색 효율을 높이는 서비스입니다.
사용자의
커머스 접근성 강화
TV 커머스에 익숙한 중·장년층의 접근성을 고려해 홈쇼핑과 T커머스를 하나의 서비스로 통합하고, 셋톱박스 기반 사용 환경에 적합한 UI/UX를 적용합니다.
LOGO DESIGN
‘쇼핑+’는 여러 채널을 넘나들 필요 없이 모든 쇼핑을 한 화면에서 완성하는 통합형 홈쇼핑 플랫폼의 정체성을 상징합니다. 간결한 명칭과 직관적인 심볼 구성은 복잡했던 홈쇼핑 이용 과정을 정리하고, ‘모아보는 쇼핑’이라는 브랜드 콘셉트를 명확하게 인지하게 합니다.
한 눈에 모아보기
여러 홈쇼핑 채널에 분산된 상품과 정보를 한곳에 모아, 사용자가 한눈에 비교하고 선택할 수 있도록 돕는 플랫폼의 핵심 가치를 담아 눈의 형태로 표현합니다.
더 나은 쇼핑
+(플러스)는 더 많은 선택지, 더 쉬운 비교, 더 나은 쇼핑 경험을 의미합니다. 각각의 홈쇼핑 채널이 지닌 정보를 하나로 결합해 새로운 쇼핑의 기준을 만든다는 메시지를 전달합니다.
STYLE GUIDE
‘쇼핑+’는 여러 채널을 넘나들 필요 없이 모든 쇼핑을 한 화면에서 완성하는 통합형 홈쇼핑 플랫폼의 정체성을 상징합니다. 간결한 명칭과 직관적인 심볼 구성은 복잡했던 홈쇼핑 이용 과정을 정리하고, ‘모아보는 쇼핑’이라는 브랜드 콘셉트를 명확하게 인지하게 합니다.
Pretendard
  • Headline (Bold)

    Font Size : 28px / Line Height : 150%
    타이틀을 입력하세요
  • Title (Semibold)

    Font Size : 24px / Line Height : 150%
    소개중인 제품의 이름, 가격, 평점 등을 입력하세요
  • Body (medium)

    Font Size : 16px / Line Height : 150%
    제품의 상품명과 상세설명을 입력하세요. 입력하실 수 있는 텍스트는 최대 nnn자 입니다. 입력시 참고 바랍니다.
BRAND COLOR
  • HEX
    #04D25D
  • RGB
    4 / 210 / 93
BACKGROUND COLOR
  • HEX
    #111111
  • RGB
    17 / 17 / 17
  • HEX
    #555555
  • RGB
    85 / 85 / 85
  • HEX
    #333333
  • RGB
    51 / 51 / 51
  • HEX
    #666666
  • RGB
    102 / 102 / 102
  • HEX
    #999999
  • RGB
    153 / 153 / 153
  • HEX
    #FFFFFF
  • RGB
    255 / 255 / 255
전체서비스
현재 선택된 홈쇼핑 방송을 중심으로 실시간 인기 채널을 카드형 콘텐츠로 구성해 한 눈에 비교·탐색할 수 있도록 설계했으며 사용자는 흐름을 끊지 않고 콘텐츠 탐색과 쇼핑 몰입을 자연스럽게 경험할 수 있습니다.
A TYPE
B TYPE
정보형 서비스
대표 이미지를 중심으로 커머스 채널을 직관적으로 구성하고, TOP 4 인기 채널을 상단에 고정 배치해 핵심 콘텐츠의 가시성을 강화했습니다. 영상 시청 없이도 주요 정보를 빠르게 인지할 수 있는 시각 중심 UI를 통해 사용자의 선택을 자연스럽게 유도합니다.
간단 서비스
정보형 서비스와 동일한 레이아웃이지만 비 인터랙티브 환경에서도 사용할 수 있도록 절제된 UI를 사용해 서비스를 제공합니다.