McDonalds.com – Redesign and UX

[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_animation=”slideInUp” css=”.vc_custom_1489967193680{padding-top: 0px !important;padding-left: 25px !important;}”]

Version 1, Visual Navigation

[/vc_column_text][vc_single_image image=”7355″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965579578{margin-bottom: 0px !important;}”][vc_single_image image=”7356″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965595558{margin-bottom: 0px !important;}”][vc_single_image image=”7357″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965630242{margin-bottom: 0px !important;}”][vc_single_image image=”7358″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965649130{margin-bottom: 0px !important;}”][vc_single_image image=”7359″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965681692{margin-bottom: 0px !important;}”][vc_single_image image=”7360″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965745739{margin-bottom: 0px !important;}”][vc_single_image image=”7361″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965768797{margin-bottom: 0px !important;}”][vc_single_image image=”7362″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965785584{margin-bottom: 0px !important;}”][vc_single_image image=”7363″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965811105{margin-bottom: 0px !important;}”][vc_single_image image=”7364″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965888632{margin-bottom: 0px !important;}”][vc_column_text css_animation=”slideInUp” css=”.vc_custom_1489967366227{padding-top: 25px !important;padding-left: 25px !important;}”]

Version 2, Dropdown Navigation

[/vc_column_text][vc_single_image image=”7365″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965906568{margin-bottom: 0px !important;}”][vc_single_image image=”7366″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965935883{margin-bottom: 0px !important;}”][vc_single_image image=”7367″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965954646{margin-bottom: 0px !important;}”][vc_single_image image=”7368″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489965975832{margin-bottom: 0px !important;}”][vc_single_image image=”7369″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966000602{margin-bottom: 0px !important;}”][vc_single_image image=”7370″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966031062{margin-bottom: 0px !important;}”][vc_single_image image=”7371″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966047164{margin-bottom: 0px !important;}”][vc_single_image image=”7372″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966061839{margin-bottom: 0px !important;}”][vc_single_image image=”7373″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966078545{margin-bottom: 0px !important;}”][vc_single_image image=”7374″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966096396{margin-bottom: 0px !important;}”][vc_single_image image=”7375″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966114082{margin-bottom: 0px !important;}”][vc_single_image image=”7376″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966130577{margin-bottom: 0px !important;}”][vc_single_image image=”7378″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966174631{margin-bottom: 0px !important;}”][vc_single_image image=”7379″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966193678{margin-bottom: 0px !important;}”][vc_single_image image=”7380″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966219461{margin-bottom: 0px !important;}”][vc_single_image image=”7377″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966158888{margin-bottom: 0px !important;}”][vc_single_image image=”7381″ img_size=”full” css_animation=”fadeInUp” css=”.vc_custom_1489966238483{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_1489965538173{padding-top: 0px !important;}”]

McDonalds.com Redesign & User Experience, 2010

[/vc_column_text][vc_column_text css_animation=”fadeInUp”]Working with upstart Brooklyn-based agency Fangohr and digital agency TBWA, I helped envision a first-generation, mobile-friendly navigation and layout experience for McDonalds‘ digital properties.

Two different approaches were used: the first, and ultimately more successful and impactful, relied on a large icon- and grid-based navigation, with familiar iconography representing various actions and elements one might be looking for at McDonalds.com. The second took a similar approach, though drawing from a more traditionally early-mobile dropdown menu navigation.

Other creative elements included an interactive timeline of various McDonalds-related memories.

[/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_1489967257110{margin-bottom: 20px !important;}”]

McDonalds, TBWA, Fangohr
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_1489967279836{margin-bottom: 20px !important;}”]

Fall 2010
Date

[/vc_column_text][/vc_column_inner][/vc_row_inner][/vc_column][/vc_row]