FanDuel TV+ Web

Reimagining connected TV for the web

Timeline

2023

Contribution

Design Lead

Overview

FanDuel TV+ is an on-demand streaming app where you can stream FanDuel TV and get exclusive sports, fantasy, betting and racing content from some of the most popular TV personalities in sports.

Business Objectives

Reach

Meet users where they are by positioning FDTV+ next to FanDuel Sportsbook and FanDuel Research.

Marketability

Provide a destination for owned marketing channels to drive traffic and conversion.

Discoverability

Build SEO presence to boost awareness and optimize organic growth.

From Connected Device to Web

The way a user interacts with a connected TV app is completely different to a web product and with FanDuel TV+ having already been established for over a year, the strategy was not a simple rinse and repeat but instead rethinking the user experience and interactions for web. Below are the various considerations when designing for TV, each component would have to be reverse engineered for web.

Connected TV vs Web

D-Pad Navigation

Users are restricted to navigation with a remote. Using up, down, left, right, enter and back buttons.

Focus / Active states

A focus ring or active state is a way for the user to track where they are within the screen.

Overscan

On older TVs edges of the screen can cut-off elements, which is called overscan. To avoid this a safe area must be used.

10-Foot User Experience

The distance a user is from a TV is much greater, compared to other devices. Allowing for better contrast on UI elements, larger text & buttons is imperative.

Navigation

IA is more streamlined on TV, organising content efficiently, allows users to find content quicker without excessively scrolling.

Exploration

There were several restrictions and considerations to be made for how users would gain entry to the site.

• 10 minute preview for new users
• Current FanDuel account holders
• TVG Racing account holders (our partner racing site)
• Restrictions for users outside of the U.S.

Wireframing

At a high-level the aim was to replicate the connected TV app for web. As simple as this sounds, the way users interact with connected TV and web products is very different, which had to be considered.

High fidelity designs

Navigation

The Connected TV app currently has no navigation menu. On web, there had to be some form of information architecture, allowing users to switch between the FanDuel products.

Live Channels

For web the interactions are slightly different - introducing a hover state that highlights the play button to indicate that the cards are actionable and display video content.

Anonymous Browsing

A freeview window was introduced to allow users to watch content for a limited time. The hope was that once the window expired they would be encouraged to sign up for a FanDuel account.

10 Minute Freeview

Once the freeview time expires the fixed banner changes status, encouraging the user to log in or sign up to an account to continue streaming.

Prompting log-in

If a user is streaming video content a modal message appears, prompting the user to log in or sign up.

Business Impact

FanDuel TV+ Web was launched on 23rd August 2023.

In the first 6 months there was a steady rise in the amount of new active users driven directly from FanDuel TV+ Web.

With new and improved content coming to the service, the hope is that this will also attract new users.

56.2%
Active FanDuel Accounts
3,449 FanDuel users have logged in to FanDuel TV+, previously these account holders had never used the TV platform.
52.3%
New User Accounts
359 new user accounts created on the web platform.
7,660
Cross sell to Sportsbook
Part of this project is to push traffic to Sportsbook and in turn place bets.

Connect with me

If you have a project in mind and would like to work together.

Drop me an email to discuss further.

Let's talk