B2B Ecommerce Tool

Nike.net

Web App

Nike.net is an B2B E-commerce tool that helps customers buy seasonal products to their stores in order to sell to the consumers.

Techniques

Lean UX, wireframing, high-fidelity prototyping, and usability testing

Roles

UX Researcher, UX Designer, UI Designer, Logo Designer

Tools

Pen and paper: Wireframe
Sketch App: UX / UI Design

Overview

Problem Statement

Customers who use the tool were having hard time to navigate through product assortment pages. In order to solve this problem, how can we improve the assortment details page in a way so users can see desired products and select them to add the basket.

Research & Discovery

In January 2017, a 4-person squad including myself did series of research about the information that needed to improved. At the end, we defined the most important three functionalities that is need and present them to the product manager.

Solution

Our solution proposal is approved and we updated the assortment details page with new functionalities.

Assortment Overview Page

Assortment Details Page

Logo Redesign

The logo of Nike.net was designed several years ago, since from then the brand guidelines of the company is changed. In order to create brand constancy and provide ease of use, logo redesign was necessary.

First step for me to take the “Nike” out of the logo, since Nike swoosh is already enough to represent the brand. Second, I scaled up dot in order to make it more than just a Trade Gothic character and designed as a logo itself. And lastly, as it can be seen from other Nike applications and strategy, brand generally uses three letters for logos like NTC, NRC, NFX and NCX. Since “net” is already three letters, I simplified the word with the Swoosh.