Streamer

Streamer

팬들과 친구들이 실시간으로 스포츠 경기를 함께 즐길 수 있도록, 여러 스트리밍 서비스를 하나로 연결한 소셜 인터랙티브 플랫폼 디자인입니다.

내 역할

프로덕트 디자인 (100%)

아이데이션, 프로덕트 디자인,
프로토타이핑

아이데이션,
프로덕트 디자인, 프로토타이핑

작업 기간

5주 / 2023년 11월 – 12월

사용 툴

Figma, After Effects

Background | 배경

The sports streaming world is split up, with over 100 platforms available. This often requires users to hold multiple different subscriptions just to follow their favorite sports, as different platforms carry exclusive rights to different leagues and events. Fans signing up for multiple services face

scattered viewing experiences.

스포츠 스트리밍 시장은 현재 100개 이상의 플랫폼으로 분산되어 있어,
사용자들은 좋아하는 종목을 보기 위해 여러 개의 구독 서비스를 동시에 이용해야 하는 불편함을 겪고 있습니다.
각 다른 스포츠마다 독점 중계권이 달라 플랫폼이 갈리면서, 팬들은 산만하고 단절된 시청 경험을 하고 있습니다.

Problem | 문제 정의

스포츠 팬들은 하나로 연결된 플랫폼이 없어,
친구들과 실시간 경기 경험을 함께 나누거나 연결되는 데 어려움을 겪고 있습니다.

User persona | 사용자 페르소나

  1. 디지털 환경에 익숙한 스포츠 팬, 주로 18~34세.

  2. 온라인 스트리밍 서비스를 자주 사용하며, 실시간 경기 중 친구들과의 소셜 상호작용을 적극적으로
    원하는 사용자층.

  1. 디지털 환경에 익숙한 스포츠 팬, 주로 18~34세

  2. 온라인 스트리밍 서비스를 자주 사용하며, 실시간 경기 중 친구들과의 소셜 상호작용을 적극적으로 원하는 사용자층

Key flow & Wireframes | 핵심 흐름 & 와이어프레임

이 앱은 사용자가 스포츠 경기를 함께 즐길 수 있도록
세 가지 주요 흐름(플로우)으로 구성되어 있어요:

이 앱은 사용자가 스포츠 경기를 함께 즐길 수 있도록
세 가지 주요 흐름(플로우)으로 구성되어 있어요:

  1. 경기 탐색 & 스트리밍

  1. 워치파티 참여하기

  1. 워치파티 예약하기

Solution | 솔루션

친구들과 함께 실시간 스포츠를 즐길 수 있도록 도와주는 모바일 앱입니다.
여러 스트리밍 서비스를 한곳에 모아, 하나의 플랫폼에서 함께 경기를 보고 소통할 수 있는 환경을 제공합니다.

친구들과 함께 실시간 스포츠를 즐길 수 있도록 도와주는 모바일 앱입니다.
여러 스트리밍 서비스를 한곳에 모아, 하나의 플랫폼에서 함께 경기를 보고 소통할 수 있는 환경을 제공합니다.

How it works? | 어떻게 작동하나요?

실시간 라이브 경기
탐색하기.

여러 스트리밍 플랫폼에서 진행 중인 스포츠 경기를 한 화면에서 확인하고, 내 취향에 맞는 경기나 친구들이 보고 있는 경기를 쉽게 찾아 바로 시청할 수 있어요.

실시간 라이브 경기
탐색하기.

여러 스트리밍 플랫폼에서 진행 중인 스포츠 경기를 한 화면에서 확인하고, 내 취향에 맞는 경기나 친구들이 보고 있는 경기를 쉽게 찾아 바로 시청할 수 있어요.

친구들과 워치파티!


실시간으로 친구들과 경기를 함께 보며
모든 순간의 짜릿함을 바로 공유할 수 있는 소셜 시청 기능입니다.

친구들과 워치파티!


실시간으로 친구들과 경기를 함께 보며
모든 순간의 짜릿함을 바로 공유할 수 있는 소셜 시청 기능입니다.

워치파티 예약하기.


중요한 경기를 미리 정해두고, 친구들과 함께 보기 위해 워치파티를 예약할 수 있어요. 모두가 제시간에 모일 수 있게 도와주는 기능이에요.

워치파티 예약하기.


중요한 경기를 미리 정해두고, 친구들과 함께 보기 위해 워치파티를 예약할 수 있어요. 모두가 제시간에 모일 수 있게 도와주는 기능이에요.

간편한 구독 연결.


각종 스트리밍 서비스를 따로 전환할 필요 없이, 내가 구독 중인 플랫폼을 한 번에 연결하고 바로 경기 시청이 가능해요.

간편한 구독 연결


각종 스트리밍 서비스를 따로 전환할 필요 없이, 내가 구독 중인 플랫폼을 한 번에 연결하고 바로 경기 시청이 가능해요.

Final product | 최종 결과물

Design process | 디자인 프로세스

User research | 사용자 조사

사용자들이 스포츠 스트리밍에서 겪고 있는 불편함을 알아보기 위해
간단한 설문 조사를 진행했습니다.

User insights | 인사이트 요약

Competitor Analysis | 경쟁 서비스 분석

앱을 기획한 뒤, UX 개선을 위해 다섯 개의 대표 스포츠 스트리밍 플랫폼(ESPN+, FuboTV, DAZN, Hulu 등)을 분석했습니다. 각 서비스의 구조, 강점, 한계점을 비교해 사용자 경험 차별화 방향을 도출했습니다.

Design iterations | 디자인 개선 과정

홈 화면 개선

  1. 한 번에 하나씩만 카드 형태의 UI가 보이도록 구성

  2. 실시간 경기임을 바로 알 수 있도록 빨간색 라이브 표시 추가

  3. 액션 버튼을 "Join Now" 식으로 더 명확하게 정리

  4. 일정(schedule) 기능을 내비게이션 바 안으로 통합

워치파티 화면 개선

  1. 화면 하단에 워치파티 관련 기능을 모아서 명확히 표시

  2. 다른 기능과 겹치지 않도록, 추가기능 영역을 따로 분리

개인화 화면 개선

  1. 사용자가 앱을 사용하는 와중에 좋아하는 팀이나 스포츠와 더 친밀감을 느낄수 있도록 브랜드 로고나 팀 로고를 활용

Design system | 디자인 시스템

다음 프로젝트 →