Winning Yahoo Fantasy

Designing a win/loss module.

Designing a win/loss module.

Designing a win/loss module.

Context

Context

Context

Fantasy sports is a type of game that asks sports fans the question, “if you could create your own sports teams, who would you choose”?

Participants can challenge friends and colleagues in private leagues, or play against anyone on the platform in public leagues.

For this project, I crafted data-driven features that were fun and educational in efforts to appeal to newer audiences and increase sponsorship revenue

Fantasy sports is a type of game that asks sports fans the question, “if you could create your own sports teams, who would you choose”?

Participants can challenge friends and colleagues in private leagues, or play against anyone on the platform in public leagues.

For this project, I crafted data-driven features that were fun and educational in efforts to appeal to newer audiences and increase sponsorship revenue

Role

Role

Role

Product Design, Prototyping

Product Design, Prototyping

Tools

Tools

Tools

Figma, Origami Studio, Adobe CC

Figma, Origami Studio, Adobe CC

Timeline

Timeline

Timeline

November 2023 - February 2024

November 2023 - February 2024

How to win fantasy sports.

How to win fantasy sports.

How to win fantasy sports.

A step-by-step walkthrough.

A step-by-step walkthrough.

A step-by-step walkthrough.

Step 1: Find your why

Step 1: Find your why

Step 1: Find your why

Public leagues on Yahoo Fantasy experience pretty substantial churn rates compared to their private league counterparts

Public leagues on Yahoo Fantasy experience pretty substantial churn rates compared to their private league counterparts

Public leagues on Yahoo Fantasy experience pretty substantial churn rates compared to their private league counterparts

[Exact numbers are redacted for legal purposes]

[Exact numbers are redacted for legal purposes]

[Exact numbers are redacted for legal purposes]

Step 2: Understand the field

Step 2: Understand the field

Step 2: Understand the field

What main pain points are users facing in public leagues that is causing them to lose engagement in throughout the season?

What main pain points are users facing in public leagues that is causing them to lose engagement in throughout the season?

What main pain points are users facing in public leagues that is causing them to lose engagement in throughout the season?

How might we increase public league engagement by finding opportunities for newer users to better understand their teams?

How might we increase public league engagement by finding opportunities for newer users to better understand their teams?

How might we increase public league engagement by finding opportunities for newer users to better understand their teams?

Do your research on players

Do your research on players

Do your research on players

Stay up to date on player rankings, injuries, and team dynamics

Stay up to date on player rankings, injuries, and team dynamics

Stay up to date on player rankings, injuries, and team dynamics

Stay flexible while drafting your team

Stay flexible while drafting

Stay flexible while drafting your team

Have a game plan but be ready to adapt

Have a game plan but be ready to adapt

Have a game plan but be ready to adapt

Keep an eye out for the waiver wire

Keep an eye out for the waiver wire

Keep an eye out for the waiver wire

Some of the best players might go undrafted but emerge as valuable assets

Some of the best players might go undrafted but emerge as valuable assets

Some of the best players might go undrafted but emerge as valuable assets

Influencing user flows

Influencing user flows

Influencing user flows

Step 3: Know the player

Step 3: Know the player

Step 3: Know the player

I asked users and colleagues what specific details they valued most when analyzing fantasy players.

I asked users and colleagues what specific details they valued most when analyzing fantasy players.

I asked users and colleagues what specific details they valued most when analyzing fantasy players.

Fantasy Points

Fantasy Points

Fantasy Points
Provide context to player over or under performing
Provide context to player over or under performing
Can be implemented across all fantasy sports
Can be implemented across all fantasy sports
Player News

Player News

Player News
Gives context to overall player performance
Gives context to overall player performance
Redirects users away from Yahoo Fantasy
Redirects users away from Yahoo Fantasy
Player Statistics

Player Statistics

Player Statistics
Gives context to how points are calculated
Gives context to how points are calculated
Custom code needed for different sport types
Custom code needed for different sport types

Step 4: Warming up

Step 4: Warming up

Step 4: Warming up

How might I present more information about the public league user's fantasy team?

How might I present more information about the public league user's fantasy team?

How might I present more information about the public league user's fantasy team?

I began by drawing some "north star" iterations (and then iterating again and again and again and again)

I began by drawing some "north star" iterations (and then iterating again and again and again and again)

I began by drawing some "north star" iterations (and then iterating again and again and again and again)

[Not all iterations are shown here, just the ones that has the biggest influence]

[Not all iterations are shown here, just the ones that has the biggest influence]

[Not all iterations are shown here, just the ones that has the biggest influence]

Card swipes

Card swipes

Card swipes
Opportunity to share more matchup info to users
Opportunity to share more matchup info to users
Not enough data for what info users want surfaced
Not enough data for what info users want surfaced
Card stack

Card stack

Card stack
Allows users to easily shuffle and go back to cards
Allows users to easily shuffle and go back to cards
Interaction is not common. Users might be confused
Interaction is not common. Users might be confused
Envelope expansion

Envelope expansion

Envelope expansion
Feels more personal and users can easily view cards
Feels more personal and users can easily view cards
High level of effort for eng. to build the envelope
High level of effort for eng. to build the envelope

Step 5: Learn and strategize

Step 5: Learn and strategize

Step 5: Learn and strategize

I took feedback from the design, product, and engineering teams and iterated accordingly

I took feedback from the design, product, and engineering teams and iterated accordingly

I took feedback from the design, product, and engineering teams and iterated accordingly

[Not all iterations are shown here, just the ones that has the biggest influence]

[Not all iterations are shown here, just the ones that has the biggest influence]

[Not all iterations are shown here, just the ones that has the biggest influence]

Horizontal scroll

Horizontal scroll

Horizontal scroll
Easy access to more cards. Conventional interactions.
Easy access to more cards. Conventional interactions.
Gives cards room to scale up in information
Gives cards room to scale up in information
Center expansion

Center expansion

Allows for more cards and conventional interaction
Allows for more cards and conventional interaction
Matchup results should be first and top/left, not center
Matchup results should be first and top/left, not center
Vertical scroll

Vertical scroll

Vertical scroll
Easy access to more cards. Conventional interactions
Easy access to more cards. Conventional interactions
Difficult to increase information space on cards
Difficult to increase information space on cards

Make it “pop” with confetti

Make it “pop” with confetti

Make it “pop” with confetti

The team wanted confetti. They asked, I delivered.

The team wanted confetti. They asked, I delivered.

The team wanted confetti. They asked, I delivered.

Step 5: Lean into success

Step 5: Lean into success

Step 5: Lean into success

Not only was this feature popular with beta users and internal team members, there was also a sales opportunity to scale these modules for revenue.

Not only was this feature popular with beta users and internal team members, there was also a sales opportunity to scale these modules for revenue.

Not only was this feature popular with beta users and internal team members, there was also a sales opportunity to scale these modules for revenue.

[For legal purposes I have used my own logo and brand for demo]

[For legal purposes I have used my own logo and brand for demo]

[For legal purposes I have used my own logo and brand for demo]

Tier 1 Matchup Package

Tier 1 Matchup Package

Tier 1 Matchup Package
Generic confetti
Generic confetti
Opportunity to add custom GAM ad to the card
Opportunity to add custom GAM ad to the card
Tier 2 Matchup Package

Tier 2 Matchup Package

Tier 2 Matchup Package
Custom confetti colors
Custom confetti colors
Opportunity to add custom GAM ad to the card
Opportunity to add custom GAM ad to the card
Tier 3 Matchup Package

Tier 3 Matchup Package

Tier 3 Matchup Package
Custom confetti colors with logo
Custom confetti colors with logo
Opportunity to add custom GAM ad to the card
Opportunity to add custom GAM ad to the card

What difference was made?

User engagement

User engagement

~500,000 users

+ 8%

+ 8%

Increase in the number of drafted users with account activity

Increase in the number of drafted users with account activity

Increase in the number of drafted users with account activity

Revenue

Revenue

$1 million - $5 million

Increase in revenue gained from partnerships

Increase in revenue gained from partnerships

Increase in revenue gained from partnerships

Internal influence

Origami office hours

I started teaching courses within my company on Origami after this feature was launched

I started teaching courses within my company on Origami after this feature was launched

I started teaching courses within my company on Origami after this feature was launched