[vc_row full_width=”stretch_row_content_no_spaces” css=”.vc_custom_1480587463400{margin-bottom: 0px !important;}”][vc_column css_animation=”none” width=”2/3″ css=”.vc_custom_1480587455943{padding-top: 0px !important;background-color: #ffffff !important;}”][vc_column_text css=”.vc_custom_1490303949095{padding-top: 25px !important;padding-left: 25px !important;}”]
December 2007: First Drafts & Sketches
[/vc_column_text][vc_single_image image=”7450″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302090086{margin-bottom: 0px !important;}”][vc_single_image image=”7452″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302318301{margin-bottom: 0px !important;}”][vc_single_image image=”7253″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489557935039{margin-bottom: 0px !important;}”][vc_single_image image=”7251″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489557960241{margin-bottom: 0px !important;}”][vc_single_image image=”7281″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489557983026{margin-bottom: 0px !important;}”][vc_single_image image=”7255″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558007434{margin-bottom: 0px !important;}”][vc_single_image image=”7256″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558203723{margin-bottom: 0px !important;}”][vc_single_image image=”7257″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558177513{margin-bottom: 0px !important;}”][vc_single_image image=”7259″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558229687{margin-bottom: 0px !important;}”][vc_single_image image=”7258″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558357928{margin-bottom: 0px !important;}”][vc_video link=”https://vimeo.com/208439588″][vc_single_image image=”7260″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558448555{margin-bottom: 0px !important;}”][vc_single_image image=”7262″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558725419{margin-bottom: 0px !important;}”][vc_single_image image=”7263″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558773159{margin-bottom: 0px !important;}”][vc_single_image image=”7264″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558792918{margin-bottom: 0px !important;}”][vc_single_image image=”7267″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558813063{margin-bottom: 0px !important;}”][vc_single_image image=”7284″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558836404{margin-bottom: 0px !important;}”][vc_single_image image=”7269″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489558869824{margin-bottom: 0px !important;}”][vc_single_image image=”7271″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559251734{margin-bottom: 0px !important;}”][vc_single_image image=”7272″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559270064{margin-bottom: 0px !important;}”][vc_single_image image=”7274″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559317168{margin-bottom: 0px !important;}”][vc_single_image image=”7282″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559338117{margin-bottom: 0px !important;}”][vc_single_image image=”7276″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559359087{margin-bottom: 0px !important;}”][vc_single_image image=”7277″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559376318{margin-bottom: 0px !important;}”][vc_single_image image=”7278″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559494238{margin-bottom: 0px !important;}”][vc_single_image image=”7280″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559520456{margin-bottom: 0px !important;}”][vc_single_image image=”7279″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489559447250{margin-bottom: 0px !important;}”][vc_column_text css=”.vc_custom_1490303669957{padding-top: 25px !important;padding-left: 25px !important;}”]
Summer 2008: Delivered Design & UX
[/vc_column_text][vc_single_image image=”7456″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302810130{margin-bottom: 0px !important;}”][vc_single_image image=”7458″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302846806{margin-bottom: 0px !important;}”][vc_single_image image=”7457″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302866050{margin-bottom: 0px !important;}”][vc_single_image image=”7459″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302887130{margin-bottom: 0px !important;}”][vc_single_image image=”7453″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302989092{margin-bottom: 0px !important;}”][vc_single_image image=”7460″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302945540{margin-bottom: 0px !important;}”][vc_single_image image=”7462″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490303402675{margin-bottom: 0px !important;}”][vc_single_image image=”7463″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490303104894{margin-bottom: 0px !important;}”][vc_single_image image=”7454″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490303137966{margin-bottom: 0px !important;}”][vc_single_image image=”7455″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490303170879{margin-bottom: 0px !important;}”][vc_single_image image=”7464″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490303223291{margin-bottom: 0px !important;}”][vc_single_image image=”7450″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1490302113742{margin-bottom: 0px !important;}”][/vc_column][vc_column css_animation=”none” width=”1/3″ css=”.vc_custom_1480532075096{padding-top: 80px !important;padding-right: 80px !important;padding-bottom: 80px !important;padding-left: 80px !important;}”][vc_column_text css_animation=”slideInUp” css=”.vc_custom_1489868014059{padding-top: 0px !important;}”]
HBO.com User Experience & Redesign, 2008
[/vc_column_text][vc_column_text css_animation=”fadeInUp”]Working with R/GA, and drawing from my art direction background at FOX.com, I was in charge of conceiving how the modern viewer would watch, discover, and interact with video as part of the 2008 redesign of the site.
This included figuring out how to encourage various elements like the network’s schedule and supplemental information to co-exist and be accessible with fullscreen episodes of HBO’s shows, and the large, bold navigational approach you see was born. It was definitely a radical transformation.
Here, you can see the two stages and evolution of the project, from the initial layout/hierarchical approach, to the final version closer to the bottom. You might recognize this same experience and layout as the UX and initial designs of HBO Go and their various iOS and Roku apps.[/vc_column_text][vc_separator color=”custom” align=”align_left” css_animation=”fadeInUp” accent_color=”#eeeeee” css=”.vc_custom_1480531792934{margin-top: 0px !important;}”][vc_row_inner css=”.vc_custom_1480530419275{margin-bottom: 40px !important;}”][vc_column_inner][vc_column_text css_animation=”fadeInUp” css=”.vc_custom_1489557612153{margin-bottom: 20px !important;}”]
HBO, R/GA
Client
[/vc_column_text][vc_column_text css_animation=”fadeInUp” css=”.vc_custom_1489557649882{margin-bottom: 20px !important;}”]
Creative Direction, UX, Design
My Role
[/vc_column_text][vc_column_text css_animation=”fadeInUp” css=”.vc_custom_1489557663324{margin-bottom: 20px !important;}”]
December 2007
Date
[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]
