Match Your Mood photo manipulation view of red shoe.

Match Your Mood UX/UI Design

Nike Air Force 1 UX/UI Proposed Design

Match Your Mood, Nike UX/UI, mobile phone views.

Overview

Air Force 1 was first introduced in 1982 as a basketball shoe. It was the first shoe to incorporate Nike’s Air technology. It was discontinued in 1983, and then reintroduced in 1986. Air Force 1 celebrated it’s 25th Anniversary in 2007. Air Force 1 shoes are considered more fashionable and style-focused today than they are pure, performance-based, on-the-court, athletic shoes. Air Force 1 shoes can be customized to order and that is a strong value-added feature of the shoe which appeals to consumers who want to personalize them for their lifestyle and fashion look.

This “Match Your Mood” concept plays up the unique and different color combinations offered in the Air Force 1 shoe and highlights that consumers can customize these shoes to their preferences. Visuals strongly reflect a fashion-style look, while the design and layout is simple and elegant. The combination of the shoe collages and the thoughtful interface allow for minimal steps for the user. Beyond positioning Air Force 1 closely with the defined target audience, the consumer’s attention is immediately captured by the shoe product collage photography. From there, a fashion-styled layout is presented, with the background color matching the user’s selected shoe color choice. User experience is further improved by presenting all of the product information to them in a very concise manner, which should reduce their required choices. Color choice selection buttons pull up additional shoe product collages, while also reducing the need to display multiple product angle views. Stereo equalizer-style bars are proposed for the consumer to slide to their specific choices for their order. Photo manipulations are custom, with use of Nike photography and stock images.

Match Your Mood, Nike UX/UI, mobile phone shopping selections views.

Full views above of the proposed UX/UI design shown on phone devices.

Match Your Mood, Nike UX/UI, desktop view red shoe view.

Match Your Mood, Nike UX/UI, desktop view red shoe shopping selections view.

Match Your Mood, Nike UX/UI, desktop view white shoe view.

Match Your Mood, Nike UX/UI, desktop view white shoe shopping selections view.

Match Your Mood, Nike UX/UI, desktop view blue shoe view.

Match Your Mood, Nike UX/UI, desktop view blue shoe shopping selections view.

Full views above of the proposed UX/UI design shown on desktop devices.

Match Your Mood photo manipulation view of red shoe.

Match Your Mood photo manipulation view of white shoe.

Match Your Mood photo manipulation view of blue shoe.

Full views above of custom photo manipulations completed for this proposed Air Force 1 UX/UI design concept.

Credits

  •     Nike Air Force 1, Advertiser & Client (Proposed Concept)
  •     Work By Kevin LLC, Design Firm
  •     Kevin Brindley of Work By Kevin LLC, Creative Director & Designer

All work samples displayed in this online portfolio reflect work that Kevin Brindley performed exclusively, unless otherwise noted above.