Case Study

CampusStream is a specialized video streaming platform dedicated to providing live coverage and on-demand access to college sports events for various teams and universities.

The Challenge

Designing a digital interface which would allow multiple type of viewers to stream College Sports, find the content they need, and/or manage an online channel.

The Client

CampusStream is a new digital platform for College Sports fans.

Our Role

Our UX team was asked to conduct qualitative research and create personas in order to develop a concept and a working prototype for the streaming app.

Background

CampusStream partnered with Noble Desktop in order to create the ultimate destination for college sports entertainment. CampusStream's goal was to deliver a seamless and immersive viewing experience for live games, highlights, and exclusive content. With that, CampusStream hopes to garner a sense of community and pride among students, alumni, and supporters.

The Noble Desktop team has conducted user-research and have come to a complete understanding of what to do in order to fulfill all of CampusStream's goals within a college sports streaming mobile app.

Competitors Research

--

ESPN 

Multimedia sports entertainment platform serving sports-obsessed consumers.

STRENGHTS

Access to some live sports content (especially college sports)

Many original sports related shows and documentaries.

Has expanded into other sports related territory (e.g. sports betting)

WEAKNESSES

Mobile app has many issues: buffering, video quality, too many ads, etc.

Many users are frustrated by the quality of ESPN’s application.Has expanded into other sports related territory (e.g. sports betting)

Differentiators

-Offers live streaming viewing platform solely dedicated to sports enthusiast

COLLEGESPORTSLIVE

Targets fans and participants of college sports teams, high school, pro and amateur sporting events.

STRENGHTS

Easy and free way to watch college sports.

Has a simple layout which makes it easier to navigate. -The scheduling is very clear.

WEAKNESSES

Doesn’t have many features besides live video and scheduling.

There’s no way to chat or comment on the video.

Differentiators

Heavy focus on the schedule of college games-They do not have many other features besides the live stream and schedule.

FOX SPORTS

Sports programming division of Fox Corporation that is responsible for sports broadcasts It has a streaming platform with that content as well.

STRENGHTS

-Easy and free way to watch college sports.-Has a simple layout which makes it easier to navigate. -The scheduling is very clear.

WEAKNESSES

-Easy and free way to watch college sports.-Has a simple layout which makes it easier to navigate. -The scheduling is very clear.

Differentiators

-Easy and free way to watch college sports.-Has a simple layout which makes it easier to navigate. -The scheduling is very clear.

ESPN

Multimedia sports entertainment platform serving sports-obsessed consumers.

STRENGHTS
  • Access to some live sports content (especially college sports)
  • Many original sports related shows and documentaries.
  • Has expanded into other sports related territory (e.g. sports betting)
Weaknesses
  • Mobile app has many issues: buffering, video quality, too many ads, etc.
  • Many users are frustrated by the quality of ESPN’s application.
Differentiators
  • Offers live streaming viewing platform solely dedicated to sports enthusiast

User Surveys & Interviews

We tailored our user survey questions to cater general information about streaming services and specific information related to sports. After gathering the survey results, we contacted some of the participants who agreed to an interview, and collected more data about what could be important to include into our product.

What group do you identify with?

94 responses

How big of a fan do you consider yourself to be?

52 responses

Choose the following you identify with?

25 responses

Affinity Map

As a result of our surveys, we collected and organized our data. We were then able to identify patterns, relationships, and themes within the data, in order to gain insights into customer needs and behaviors.
‍
We identified 5 main categories:

  • Pain Points
  • Content Type
  • Viewer Type
  • • Community/Engagement
  • General Features

Empathy Map

We created a visual representation of the process our persona goes through in order to accomplish a goal.For this particular case, we chose to look at Ryan, our sport team manager's journey.

Journey Map

Ryan

“I would like to stream our teams’ games as smoothly and efficiently as possible”

  • 48 years old
  • Football team manager at X University
  • Sports super fan
  • From Austin, Texas
Bio
Ryan is the football team manager for X University. He’s responsible for overseeing and organizing all activities of the team. Constantly busy, Ryan needs to be able to manage other responsibilities after setting up streams. So, he needs updates and to be able to quickly resolve any technical issues.
Goals and Needs
  • Needs to keep up to date with events and scores
  • Needs a new streaming service to help organize his college sports viewing
  • Plans to create more time for college sports streaming in between his busy schedule as a manager
Frustrations and Pain Points
  • Runs into a lot of technical issues and is forced to constantly avert his attention back to the stream
  • Has moderation and spamming issues in chat
  • A lot of the streams take a long time to upload

We assembled three examples of different navigation processes of users on the app.

User Flow #1
Watch a Team's Stream

User Flow #2
Sharing a Post on My channel

We assembled three examples of different navigation processes of users on the app.

We created a visual representation of the process our persona goes through in order to accomplish a goal.For this particular case, we chose to look at Ryan, our sport team manager's journey.

Site Map

The map represents the different flows and pages that stems from the home page and navigation bar.

Mood Board

Our moodboard helped us put our ideas together to create a branding style for our product.

Wireframes / Lowfi / Mid

Each member of the team drew different sketches. We then collaborated our ideas to create a lowfi version of the app which we upgraded to a midfi version.We identified 5 main categories: