Nike
Product Wall

Visual Design
User Experience
Prototyping

Nike Global Digital Design, 2020.

Responsible for a complete redesign of Nike’s product walls, one of the key touch-points in Nike.com’s consumer journey. The update includes a new visual language that brings Nike.com into modern aesthetic. Robust usability studies and A/B testing led to improved functionality in navigation, filtration, view control, and a variety of other features for best-in-class user experience.

nike_hero@2x

Visual Design
User Experience
Prototyping

Nike Global Digital Design, 2020.

Responsible for a complete redesign of Nike’s product walls, one of the key touch-points in Nike.com’s consumer journey. The update includes a new visual language that brings Nike.com into modern aesthetic. Robust usability studies and A/B testing led to improved functionality in navigation, filtration, view control, and a variety of other features for best-in-class user experience.

nike_hero@2x

Nike's product walls see incredible engagement from users across the globe. This on-going project was all about fine-tuning details within this coveted space to showcase products in a best-in-class way while also improving overall engagement and conversion.

product-wall-02

The introduction of alt view allows users to get a better sense of the product’s color and materials. Exposed favorites and ever-present navigation and filtration empower users to shop the way they prefer.

product-wall-art-direction

Each new feature is made with flexibility in mind. That way, any future updates can be made with little headache. As seen below, the product card is flexible enough to feature just Favorites or it can roll Favorites, Share, and Add to Bag all into one menu.

product-wall-mobile-UI-A@2x-1
product-wall-mobile-UI-B@2x-1

The product card is built to be a versatile component, able to convey a variety of transactional states and franchise badging. Initiatives like Sustainability and Nike By You are made to stand out and catch attention among the rest of the mix. All aspects of the card were stress-tested to fit the needs of the different geographies that Nike serves.

product-wall-badging@2x-1
product-wall-geo-translation@2x-1
Fig. 10 - A prototype of the Editor List hover state.