FanDuel TV+ 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.
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.
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
Users are restricted to navigation with a remote. Using up, down, left, right, enter and back buttons.
A focus ring or active state is a way for the user to track where they are within the screen.
On older TVs edges of the screen can cut-off elements, which is called overscan. To avoid this a safe area must be used.
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.
IA is more streamlined on TV, organising content efficiently, allows users to find content quicker without excessively scrolling.
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.
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.
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.
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.
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.
If a user is streaming video content a modal message appears, prompting the user to log in or sign up.
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.