DevLog

엔지니어링 블로그를 한 곳에서 탐색하고, 최근 발행 흐름을 빠르게 파악할 수 있는 서비스 입니다.

Quick Links

  • Latest Feed
  • Engineering Directory

Support

  • 소개
  • 개인정보처리방침

Contribute

  • 원하는 블로그 추가 (준비 중)
  • Feedback

© 2026 DevLog Inc. All rights reserved.

본 사이트는 공개 RSS 피드를 통해 콘텐츠를 수집하며, 모든 콘텐츠의 저작권은 원저작자에게 있습니다.

Back to Feed
Read Original

Contents

Continue Reading

  • More from 왓챠
  • Related reads#Branding
#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개국어(한국어, 영어, 일본어) 환경에 통합 구조를 설계함
Continue reading · same source

왓챠More from 왓챠

View all posts from 왓챠
  • 왓챠 직원 누구나 AI 앱을 만들 수 있게 된 이유

    LLMDevOpsMulti-Tenancy
    1개월 전
  • 왓챠 웹 PiP 적용기 — Document PiP는 어떻게 동작하고, 무엇이 어려웠나

    ReactHTML5 VideoDocument PiP
    2개월 전
  • “왓챠 PiP 안 됨?” — 됩니다, 이제부터.

    Picture-in-PictureWeb APIHTML5 Video
    2개월 전
  • 다를 수도 있지: 왓챠 영화 주간

    Offline UXBrand IdentitySpace Design
    5개월 전
  • 왓챠피디아, 취향을 기록하는 아카이브

    Brand DesignInformation ArchitectureUser Experience
    5개월 전

Related reads#Branding

Explore #Branding
여기어때·Generative AI

AI 시대의 브랜드 그래픽 시스템 구축기

#Branding2개월 전
마이리얼트립·Domain Migration

블로그 이전 공지

#Branding3개월 전
라포랩스·Rebranding

퀸잇은 어떻게 ‘멋진 어른들의 라이프스타일링’ 브랜드가 됐나

#Branding3개월 전
채널 톡·Rebranding

After Hours: 즐거운 저녁의 대화를 위한 리브랜딩

#Branding6개월 전
채널 톡·AI-Driven Design

채널콘 2025 디자인 비하인드

#Branding6개월 전

Source

왓챠
왓챠
Engineering Blog

Published · June 29, 2026

Topics

BrandingUX DesignApp StoreProduct DesignUser Journey