NIKE HEAT MAP

The Nike Heat Map is a visualization of Nike+ running data from around Eugene Oregon. It includes three states.

  1. Highlighted running trails located in Eugene Oregon. This includes information such as the name of the trail, the trail head, 1/4 mile makers, the length of the run, and elevation gain/loss.
  2. Monthly running data. A month's worth of local running data sped up to highlight popular running areas. 
  3. Daily running data. Updated daily, and showing individual runners, with their Nike+ profile name.

The large touch screen does all of the actions of user would expect (pan, rotate, zoom). Constraints, such as a consistent 45 degree angle, were put in place to create a more focused experience.

The heat map went on to be customized for several different cities around the world. And was used in a later project called the Community Board (By this time I was on another project, but I was asked to check in now to make sure that we were getting a consistent look).

ROLE
Senior Designer: Initial sketches, design explorations, and UI.

Art Director: Once we were happy the design, a creative technologist was brought in (Ivan Safrin). It was job to check in daily, ask for tweaks, and continue to improve the design as it was being made.

TOOLS
Sketch pad, Photoshop, Illustrator, InDesign, Maya.

DURATION
3 weeks for the initial product.

TEAM
Creative Director, Art Director (Myself), Ivan Safrin. 

Video (The community board is a separate project, but in this video you can see the states created for the Heat Map): 
http://heyhush.com/work/nike-commboard/

IMG_3626-2.jpg
IMG_3198.jpg

Initial Designs and layout

Frame_03.jpg
Frame_02.jpg
Key_t06_v03_fontchange.jpg
HeatMapLayout_t03_v02.png

A early work-in-progress of the actual application. Code by Ivan Safrin.

slugs.jpg

Research and Development

Early Layout designs: 

Screen Shot 2012-03-27 at 8.40.12 PM.png
Screen Shot 2012-03-27 at 8.40.52 PM.png
Screen Shot 2012-03-27 at 8.40.23 PM.png

Concept designs for a four screen array:

State08_Photo.jpg
State01_ramp_V1.jpg
State02_particles_V1.jpg
State04_maps_V1.jpg
State05_maps_V1.jpg
State06_Alberto_V1.jpg
State07_MultipleNames_V1.jpg