Nike.net is an B2B E-commerce tool that helps customers buy seasonal products to their stores in order to sell to the consumers.
Lean UX, wireframing, high-fidelity prototyping, and usability testing
UX Researcher, UX Designer, UI Designer, Logo Designer
Pen and paper: Wireframe
Sketch App: UX / UI Design
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.
Clean, minimal and branded layout design with drag and select multiple products functionality offers users to select product easily.
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.