DIRECTV

Creating a mobile product discovery and ecommerce flow

Overview

As part of a renewed focus on ecommerce and mobile users at Red Ventures, I was tasked with creating a streamlined shopping experience for one of our DIRECTV sites. The overall objective was to reduce as much friction as possible with a simple straightforward shopping experience. Collaboration with engineering was critical in order to understand API constraints and create a feasible solution. 

Product Discovery

The site experience was heavily focused on funneling people straight into a buy flow. The landing page had a single sticky call to action that lead people to the DIRECTV packages page. A group of swipeable cards surfaced the channel count and promotions for each package. The cards and subsequent detail pages were color coded to help users keep track of the 6 different options more easily. A full channel list was available from both the main card and detail page, allowing users access to detailed information when desired.

Checkout

The checkout experience included consistent views of monthly and checkout costs as users completed their purchase. Acessing thkept users aware of where they were within the process and set expectations on the steps they would be completing. Tap friendly selections allowed for an easier more natural experience on mobile. Longer API calls were opportunities to create messaging that helped keep users within the checkout flow. For instance, during a credit check each part of the API call was checked off to make it clear that progress was being made. This was paired with imagery that reinforced security. In addition, when gathering installation times a percentage loader made progress clear.