콘텐츠 상세 페이지 개선
모바일
Role
Product Designer
Contribution
100%
Team
1 Product Owner
1 Product Designer
1 iOS Engineer
1 AOS Engineer
Project Duration
3 months
Problem
사용자들이 보고싶어 하는 정보들이 바로 제공되지 않습니다
아직 재생 의도가 명확하지 않은 사용자는 콘텐츠에 대한 흥미를 자극할 수 있는 매력적인 정보가 필요하며 페이지에 진입하면 바로 보이는 정보중 상당수는 사용자가 해당 시점에서 실제로 필요로 하는 정보와 일치하지 않습니다.
검색이나 이어보기를 통해 유입된 사용자는 이미 콘텐츠에 대한 맥락과 재생 의도가 충분히 형성된 상태이며 이들에게는 빠르고 직관적인 재생 경험이 더욱 중요합니다.
TVOD 구매를 고려하는 사용자에게 다양한 구매 옵션이나 할인 정보를 한눈에 확인하기 어려워, 합리적인 선택을 하기 위한 정보가 충분히 제공되지 않는 문제가 있습니다.
정보들이 눈 에 잘 들어오지 않습니다
현재 페이지는 시각적 위계와 정보 위계가 명확하지 않아, 사용자가 정보를 빠르게 이해하기 어렵습니다.
유사한 텍스트 스타일이 반복되고 정보가 과도하게 밀집되어 있어, 한눈에 핵심을 파악하기 힘들고 가독성이 떨어집니다.
확장성과 유연성이 부족한 구조
페이지 상단에 정보가 과도하게 집중되어 있어 새로운 기능이나 정보를 추가할 공간이 부족하며, 추가할 경우 기존 탭 구조가 아래로 밀리면서 복잡도가 더욱 높아지는 문제가 있습니다.
채널 구독, TVOD, 티켓 구매, 그룹 시청, 이벤트 CTA 등 다양한 비즈니스 확장 기능을 담아낼 수 있는 영역이 현재 구조에는 마련되어 있지 않습니다.
Design Goal
사용자 맥락을 반영한 맞춤형 구조 설계
콘텐츠 탐색 단계와 시청 상태에 따라 사용자가 기대하는 정보가 달라진다는 점에 주목해, 맥락에 맞는 정보 구조를 설계합니다. 이를 통해 재생 의도가 높은 사용자와 탐색 단계의 사용자 모두에게 최적화된 경험을 제공합니다.
확장 가능한 CDP 구조 구축
다양한 사용자 니즈와 향후 비즈니스 모델(구독, TVOD, 이벤트 등)을 유연하게 수용할 수 있도록, 확장성과 스케일을 고려한 구조로 개선합니다. 새로운 기능이 추가되더라도 복잡도가 증가하지 않는 지속 가능한 디자인 시스템을 구축합니다.
정보 재구성 및 설득력 있는 콘텐츠 전달
정보의 우선순위를 재정립하고 시각적 강조를 조정하여, 사용자가 가장 중요한 정보를 한눈에 이해할 수 있도록 설계합니다. 동시에 콘텐츠의 매력을 효과적으로 전달해 재생 및 구매 행동으로 자연스럽게 이어지도록 합니다.
Trade-offs
핵심 정보 중심으로 재구성하면서, 일부 메타데이터는 페이지 하단으로 이동하게 될 수 있습니다. 이는 초기 가독성과 집중도를 높이기 위한 전략적 선택입니다.
모든 정보를 1차 화면에 노출하는 대신, 일부 정보는 2차 화면으로 이동 시킴으로 상단 영역의 복잡도를 줄이는 대신, 사용자가 추가 탐색을 통해 접근하도록 설계했습니다.
정보의 중요도는 사용자마다 다를 수 있습니다. 따라서 덜 중요한 정보는 접근성이 다소 낮아질 수 있으며, 일부 사용자는 원하는 정보를 찾는 데 시간이 더 소요될 가능성이 있습니다.
모바일 디자인 전략
1.구조개선
시놉시스 및 상세 정보의 우선순위를 조정해 하단으로 재배치하고, 핵심 기능의 진입점을 상단에 보다 명확하게 노출했습니다. 이를 통해 CDP 내에서 새롭게 도입되는 기능들이 자연스럽게 자리 잡을 수 있는 구조를 마련했습니다. 그 결과, 사용자는 랜딩 직후 자신에게 필요한 주요 정보와 기능의 진입점을 한눈에 확인할 수 있게 되었습니다.
2. 다양한 상황별 정보를 보여주는 개요 탭 생성
사용자는 각 상황에 맞게 필요한 정보와 기능을 자연스럽게 한눈에 확인할 수 있습니다.
탭을 통해 정보를 적극적으로 찾지 않아도, 다음과 같은 다양한 경우에 필요한 내용을 직관적으로 경험할 수 있습니다.
3. 모듈화와 개인화
사용자 그룹과 사용 사례에 따라 다양한 모듈 타입과 디자인을 테스트합니다.
이를 바탕으로 개인화된 다이내믹 피드를 만들어, 각 사용자에게 가장 중요한 정보와 콘텐츠가 직관적으로 노출되도록 설계합니다.
모바일 최종 디자인
시리즈 물
영화
유료 콘텐츠
원작 시리즈 배지, 신규 에피소드 공개일, 쿠폰 등 중요 정보는 헤더 캡션에 노출시켰습니다.
다른 중요도가 낮은 정보들은 모두 제거하여 CTA가 더 눈에 띄도록 배치했고, 세부 정보는 ‘상세 정보 탭’에서 확인할 수 있도록 구성했습니다.사용자에게 가장 중요한 정보—평점, 장르, 상영 시간으로 영화 여부—만 간결하게 제공하여 시청 결정을 빠르게 돕습니다.
이제 추가 버튼 공간이 확보되어 할인 쿠폰, 향후 채널 비즈니스 등 새로운 기능도 유연하게 노출할 수 있습니다.
탭은 화면 상단에 명확히 표시되어, 사용자가 페이지에 들어왔을 때 바로 인지할 수 있으며, 원하는 탭으로 이동해 콘텐츠에 대한 추가 정보를 쉽게 확인할 수 있습니다.
Impact
새로운 디자인 적용으로 재생 전환율이 39.85% 상승했고,
고객 1인당 재생 행동도 6.23% 증가했습니다.
