fuboTV

Come for the sports.
Stay for the entertainment.

fuboTV is the world’s only sports-focused live TV streaming service with top leagues and teams, plus popular shows, movies and news for the entire household. Watch 100+ live TV channels, thousands of on-demand titles and more on your TV, phone, tablet, computer and other devices.

My Role

Experience Design, Writing, Research, Testing, Wireframes, Prototyping, Interface Design

The Challenge

When people visit fuboTV’s website, they are most likely looking to find a streaming service platform to sign up with. Customer acquisition is one of the most difficult challenges a streaming platform will face. My main challenge was to design a landing page that is clean and efficient by focusing the majority of effort on the areas that will bring the largest benefits.

Prime Goals

• Place call-to-action buttons in appropriate places and applying Fitt’s Law
• Reduce distracting elements on the landing page to emphasize call-to-action
• Minimize the ability to navigate away from the main objective
• Provide informative text fields for requested data

Research and Testing

The original home page of the website has a looped video as a background behind the largest call-to-action, which causes the page to load slow. According to statistics, the first five seconds of page-load time have the highest impact on conversion rates. Website conversion rates drop by an average of 4.42% with each additional second of load time.
‍
After visiting fuboTV's landing page, I immediately noticed a few distracting elements on the landing page. Since the goal is to have customers sign up for the streaming service by using call-to-action buttons, I found it important to break down and figure out which elements caused distractions. I had a few friends visit the original website and monitored their activity after giving them a task. Shortly after finishing the task, I asked them questions and had them tell me about their experience while performing the task.
‍
A few other things that came to mind after looking over and breaking down the website section by section, I noticed that there were a few places where a call-to-action could have been added to capitalize on potential customers in signing up for the streaming service. Lastly, since fuboTV offers a “Latino” streaming plan, I thought it would be smart to add a language selector on the navigation bar for the users who aren’t able to read in english.

Key Insights from Participants
• Most participants spent a long time watching the video in the background
• Having an excessive amount of channels (logos) on the second section of the home page was distracting
• More than half of participants had trouble closing page overlays
• Some information under the service plans were unclear

Obstacles

The most challenging obstacle I came across was designing the product cards. My goal was to intertwine the channels (logos) with the plan information without overcrowding it. I resolved the problem by adding only a few logos and a button that opens up an overlay if the user wants more information.

FuboTV's Makeover

By carefully selecting what is on the landing page, it now provides potential customers with information about fuboTV without overloading them and a prominent call-to-action to get started. The sign-up process is now more efficient and easier to navigate all the way through the checkout page.
‍
In closing, I learned that a "call-to-action" is much more than just a button. A call-to-action is a set of marketing tactics consistently implemented in the interface design. To me, the objective is making people interested and willing to reach their goal, not just guiding them towards a target.