Read Original
#Design

맥락이 형태를 결정할 때

맥락이 형태를 결정할 때
01

Summary

7억 개 별점 지우고 예상 별점 넣었다, 왓챠가 스크린샷을 만드는 법

화려한 목업과 숫자 자랑 대신, 브랜드의 본질과 유저 여정을 스크린샷에 담아낸 왓챠의 디자인 전략

본 아티클은 왓챠와 왓챠피디아가 앱 스토어 스크린샷 개편을 통해 브랜드의 핵심 가치를 어떻게 시각화했는지 공유합니다. 단순한 비주얼 트릭을 배제하고 두 서비스가 지닌 고유한 사용자 경험(UX) 흐름에 맞춰 화면 배치 순서와 요소를 설계한 과정을 상세하게 풀어내어, 브랜딩과 실무적 설계 기준을 동시에 제안합니다.

  • 01시각적 장식보다 맥락 우선: 기기 목업이나 화려한 효과에 앞서 서비스 가치를 먼저 정의해야만 일관된 브랜딩이 가능함
  • 02왓챠의 콘텐츠 중심 설계: 왓챠의 고유 가치인 콘텐츠 다양성으로 시작하여 나만을 위한 개인화 추천 및 감상 경험으로 흐름 구축
  • 03왓챠피디아의 여정 설계: 유저가 실제 서비스를 사용하는 루트(기록-분석-예상 평점)를 순차적으로 배치하여 경험을 직관적으로 시각화
  • 04과감한 비워내기: 7.5억 개라는 수치가 주는 압도감 대신 개인화된 예상 별점 화면을 노출해 직접적인 가치를 체감하도록 유도
  • 05운영을 고려한 영속성: 실시간 랭킹 정보 대신 지속 가능한 카테고리를 구성해 3개국 다국어 유지보수 효율 극대화

RECOMMENDATION

앱 스토어 전환율 개선을 위해 기기 목업 변경이나 화려한 스타일만 고민하던 프로덕트 디자이너와 마케터, 혹은 글로벌 서비스의 브랜드 일관성과 운영 효율성을 동시에 챙기고 싶은 실무자에게 강력히 추천합니다.

The Problem

앱 스토어 스크린샷 제작 시, 브랜드 본질과 유저 경험에 대한 깊은 이해 없이 시각적 기교나 화려한 기기 목업에만 집중하여 브랜드 고유의 맥락이 흐려지는 문제를 해결하고자 합니다.

The Solution

왓챠(콘텐츠 감상)와 왓챠피디아(기록/분석)의 경험적 차이를 명확히 정의하고, 왓챠피디아에는 단순 기능 나열 대신 유저 여정(평점 기록에서 취향 피드로 이어지는 흐름)을 그대로 스크린샷 배치 순서에 적용했으며 불필요한 장식을 덜어냈습니다.

The Result

브랜드의 고유 정체성을 명확하게 전달하는 글로벌 다국어(KO, EN, JA) 스크린샷 구조를 완성하였고, 실시간성 정보 대신 영구적으로 작동하는 카테고리를 구성하여 장기적인 유지 보수 및 운영 효율성을 증대했습니다.

Trade-off

7.5억 개의 평점 데이터나 대규모 콘텐츠 건수와 같은 브랜드의 정량적 강점을 수치로 직접 드러내지 않고 실시간 인기 정보를 제외함에 따라, 신규 유저에게 압도적인 규모감이나 시의성을 즉각적으로 어필하는 힘은 다소 제한될 수 있습니다.

03

Key Concepts

Concept · 01

맥락 중심 디자인

비주얼적인 기교나 단순 유행에 앞서 제품이 속한 환경, 브랜드의 고유 가치 및 사용성 맥락을 명확히 정의하고 이를 모든 디자인 의사결정의 뼈대로 삼는 설계 방식입니다.

  • 왓챠와 왓챠피디아의 시각 디자인 작업을 시작하기 전 각 서비스가 유저에게 제공하는 본질적인 가치의 차이를 먼저 재정의함
Concept · 02

유저 여정 기반 설계

개별 기능이나 화면의 화려함을 단편적으로 노출하기보다 사용자가 제품에 유입되어 핵심 가치를 도달하고 소통하는 실제 일련의 과정을 레이아웃의 순서로 구성하는 방법입니다.

  • 왓챠피디아 스크린샷 구성 시 '별점 평가 -> 취향 분석 -> 예상 별점 분석 -> 소셜 피드'로 이어지는 실제 유저 이용 루트를 시각적으로 차용함
Concept · 03

지속 가능한 디자인 운영

디자인 산출물이 단기적 시의성이나 실시간 가변 정보에 의존하여 잦은 유지보수를 유발하지 않고, 다국어 환경 등 장기적인 사용 시점에서도 일관성을 유지할 수 있도록 설계하는 운영 전략입니다.

  • 실시간 영화 순위 대신 언제나 보장되는 카테고리 형태의 화면을 배치하고 글로벌 3개국어(한국어, 영어, 일본어) 환경에 통합 구조를 설계함