kobe8.png
productLaunch_archive2.png
Stories_3.png
IntroScreen_CC5.png
LiveChatIntro.png
kobe8.png

Overview


SCROLL DOWN

Overview


 
 

THE CHALLENGE

From desktop to tablet, interaction design solutions for Nike.com need to be responsive across all devices, while retaining the premium feel that is true to the existing digital platform and products.

 
 
 
 

THE SOLUTION

Below is a selection of live digital product solutions designed across the spectrum of Nike.com, from newly anticipated releases to saved credit card details.

 
 
productLaunch_archive2.png

Launch Calendar


Launch Calendar


 
 

LAUNCH CALENDAR + ARCHIVE

Every day, Nike releases multiple new products or special color options that are highly anticipated. Until recently, there was no dedicated destination across the Nike.com for them to be showcased.

 
 
 
 

THE SOLUTION

The product launch calendar is the go to destination for consumers to discover new products launching from Nike. Consumers can browse products with similar contextual tags and read more about the story behind the product. 

 
 
 
iPad_vert2.png
 
 

RESPONSIVE DESIGN

From tablet to mobile, the view of product launch calendar cards remains optimized to keep the experience clean and clickable.

 
 
 
 
iPHONE2.png
iPHONE_landscape_4.png
 
 
 
 
iPHONE_archive.png
iPHONE_landscape.png
 
 

PRODUCT ARCHIVE FILTERS

Filtering is context-specfic and regardless of the device, consumers can toggle between product launch years and delve into specific months, categories, or styles.

 

 
 
MacBookPro2.png
 
 
 

HOW IT WORKS

Filtering is prioritized by upcoming product launches. Consumers on the hunt for a specific product can further narrow down by category and style or delve into the archive.

To get the whole story, consumers select the launch card and are redirected to luscious photos and product details.

 
 
FLOW_A2-03.png
 
Stories_3.png

Detail Page


Detail Page


 
 

Detail PAGE

A natural destination for consumers from the product launch calendar. The focus is on product details enriched with dramatic photography and purchase options.

 
 
 
IntroScreen_CC5.png

Payment Options


Payment Options


 
 

PAYMENT OPTIONS

Previously, customers could not save credit card details in their account settings or on the payment page at checkout. See an overview of payment options across devices and contexts below or log in on Nike.com to see it live.

 
 
 
Responsive_B2.png
 
LiveChatIntro.png

Live Chat


Live Chat


 
 

Live Chat

When consumers are making the final decision of which products to buy they need to be confident in the process. Now Nike Running Pros are available to help out.

 
 

Core Team


Core Team



 

CORE TEAM

Emily Fare & Saba McCoy: Producer
Jess Myra: Interaction Design + Layout
Rumiana Williams & Rachel Starnes: Visual Design

New York, USA, 2014.

 

 
 
R_GA2.png
nike2.png