top of page

NBCUniversal

Checkout

Project

 

The Content & Commerce team in NBCUniversal is pursuing the next evolution of the NBCU Content & Commerce strategy by building the NBCU Commerce Platform with a set of products and capabilities that will enable the portfolio sites to create low friction shoppable content experiences.

What is NBCUniversal Checkout?

  • Embeddable shopping cart that makes any web article or video shoppable.

  • Enables a user to purchase from a retail partner while never leaving the NBC content experience.

  • Captures payment and user information - retail partner fulfills to the user and pays a revenue share (20-35%) to NBC.

  • Designed to be mobile-first and low-friction with Apple Pay and Paypal integration.

  • Can be used in conjunction with NBC editorial or branded content with both videos and articles.

Problem

 

Content publishers influence readers to purchase products but are missing out on commerce revenue streams by relying on a failed attribution model from affiliate strategies. 

Key Drivers

  • Higher Conversion

  • Higher Average Order Value

  • Higher Revenue Shares

  • Higher Content Engagement

  • No Misattribution

Goal

 

Drive transactions at the point of inspiration.

Involvement
User Research
Journey Mapping
Sketching
Wireframing
 
Visual Design
System Design
Preparing Specs for Developers

Client

NBCUniversalContent 

and eCommerce

 

Credit

Ahmed Abbas - Product Manager

Wirefram-07.jpg
Topic Research 

We researched the habits of viewers to enhance their Shopping Experience. 

Synthesis: Journey Mapping

 

Based on data from surveys and user reviews, I organized my observations and categorized them using a customer journey map. This helped me expose pain points and areas for improvement in the app along the entire user journey. It also helped spark discussions to help close knowledge gaps and acted as a catalyst for idea sharing and generation between team and stakeholders. Furthermore, I identified various touch-points by intent and task including aspects such as emotions and expectations.

BrainStorming-1.jpg
BrainStorming-2.jpg

Design Principles 

I designed a full eCommerce user journey of the universal shopping experience with a focus on mobile 1st design. 

I addition, I tried to maintain the direct relationship between research results and our UI design. 

While I believed the design needs to be simple to be run in different networks while carrying an element of each network. 

Wirefram-01.jpg
mobile-1.jpg
mobile-2.jpg

Creating a Design System and
preparing specs for developers.

Wirefram-02.jpg
Wirefram-03.jpg
Wirefram-05.jpg
bottom of page