Joe Hines Makes Stuff
Designer + Maker
Mockup_Index2.png

COMMUTER ARCHIVED

 

COMMUTER ARCHIVED

 

 

COMMUTER

An alternative best sellers list curated by the straphangers of NYC. 

 

 
 
 

PROJECT DETAILS_The Commuter project began as a personal study focused on to cataloging the books that have been spotted on the cramped trains of the NYC subway. Although it was just a quick study, I believe a great deal can be learned from what New Yorkers are reading day in and day out. Ultimately, one could begin to extract and extrapolate larger cultural trends based on this data, as the relate to to any given subway line.

TEAM_Joe Hines - Personal Project

TIME FRAME_3 Weeks

METHODS_Sketch, Illustrator, Marvel

 
 

 

What opportunities exist to foster the discovery of new books and promote increased readership?

 
 

01. There are tremendous benefits to introducing reading into your daily routine. Studies show that doing so stands to reduce anxiety, promote better sleeping habits and in some cases increase a reader's empathy.  

 

02. The time spent commuting offers up an an opportunity to introduce uninterrupted reading time into one's busy schedule. 

 
 
Iphone_Mockup_Commuter.png
 
 

IDEATION + WIREFRAMING

Commuter is a self directed visual / interaction design exercise. As such the design process moved swiftly from initial sketches to high fidelity mockups.

 
 
Iphone_Process.gif
 
 
 
 

LOW FIDELITY MOCKUPS

Low fidelity mockups allowed for quick layout decisions to be made and iterated upon. Additional markups were added  to indicate the prefered interactions / gestures, serviving as a blueprint for the prototyping exercises that were to follow in the design process.

 
 
 

 
 

FURTHER REFINEMENT

With the basic interaction principles defined within the low fidelity mockups exercise the visual design styles were subsequently pushed further.

 
 
Iphone_Favorites.gif
 
 
06_HIGHLIGHT.png
06.2_HIGHLIGHT SELECT Play Kills.png
 
subway lines.png
 
 

VISUAL STYLES + GUIDELINES

The visual style of Commuter draws inspiration from the existing design language of the New York City subway lines. The background color of each listed book reflects the color of the subway line that that title was spotted on. 

 

 

#DEBC4C

#DEDEDE

#DE904C

#4CDE9B

#4C8ADE

#A24CDE

#DE4C4C

#CB8F6B

 
 

Prototyping

Made with Marvel.