Streamer

Streamer

A mobile app that allows fans/friends to enjoy live sports together, connecting streaming services into one platform for shared viewing.

My Role

Ideation, Product Design, Prototyping

Ideation, Product Design,

Prototyping

Ideation, Product Design,

Prototyping

Timeline

5 weeks / Nov - Dec 2023

Tools

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.

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.

Problem

Sports fans struggle to virtually connect and share the

live game experience with friends due to lacking a unified platform.

Sports fans struggle to virtually connect and share the live game experience with friends due to lacking a unified platform.

User persona

  1. Digitally engaged sports fans, predominantly aged 18-34.

  2. Who are frequent users of online streaming platforms and

actively seek social interaction during live sports events.

  1. Digitally engaged sports fans, predominantly aged 18-34.

  2. Who are frequent users of online streaming platforms and actively

    seek social interaction during live

    sports events.

Key flow & Wireframes

I developed three core flows, user browsing and watching games,

users' ability to join watch parties, and scheduling watch parties.

I developed three core flows, user browsing and watching games, users' ability to join watch parties, and scheduling watch parties.

  1. Browsing & Streaming

  1. Joining a Watch Party

  1. Scheduling a Watch Party

Solution

A mobile app that brings friends together to watch live sports,

integrating multiple streaming services into one platform for shared viewing.

A mobile app that brings friends together to watch live sports, integrating multiple streaming services into one platform for shared viewing.

How it works?

Browsing live games

Browse and stream ongoing live sports games based on your preferences from different platforms in one place. See when friends join watch parties, making it easy to watch together.

Browsing live games

Browse and stream ongoing live sports games based on your preferences from different platforms in one place. See when friends join watch parties, making it easy to watch together.

Watch party with friends!

Join a watch party to enjoy live games with your friends in real time. Share the excitement of every play.

Watch party with friends!

Join a watch party to enjoy live games with your friends in real time. Share the excitement of every play.

Schedule watch parties

Plan ahead for big games by scheduling watch parties with friends!

Schedule watch parties

Plan ahead for big games by scheduling watch parties with friends!

Easy subscription
connection

Access all your favorite games easily, without switching between services.

Easy subscription
link

Link all your sports streaming subscriptions in one spot. Access all your favorite games easily, without switching between services.

Final product

Design process

User research

I conducted a user survey to understand

user's on-going pain points.

User insights

User roadmap

I developed a user roadmap to understand

the unique needs and behaviors of the users.

Competitor analysis

Analyzed five competitors after conceptualizing the app

to make UX better.

Design iterations

Home screen


  1. Display individual UI card panels one time at a time.

  2. Adopt a red live indicator.

  3. Refine the action button to "Join Now".

  4. Integrate the schedule option into the Navigation Bar.

Watch party screen


  1. Highlight the watch party features below the time of the game.

  2. Create a distinct section to clearly separate the touch

    area for additional features.

Personalization screen


  1. Use of brand logos to allow users to feel more connected to

    their favorite sports/teams.

Design system

Next Project →