Work

Web, Print, and Mobile Goodies

McDonald’s Website Concept

  • ClientGRDS763: Digital Studio II
  • DateSpring Quarter 2010
  • RoleDesigner

Overview

For this assignment, we were to create a series of Photoshop comps for the redesign of a website we thought was designed poorly. I chose to redesign McDonald’s website. This redesign was to encompass concepts for a standard desktop website, as well as a separate, limited functionality smartphone-compatible website or app. The overall quality McDonald’s website (circa spring 2010) came as a complete surprise to me. The website itself appeared to have been designed in 1999, and never touched. Imagery throughout the website suffered from heavy pixilation, and used overly simplistic, crude flash animations. The primary navigation was comprised of an image map, and the markup utilized messy, tables. A copy of this website can be found at the internet archive. In fact, McDonald’s primary competition (Burger King, Wendy’s, etc.) all had lush, contemporary, expansive websites with excellent markup, imagery, and information design.

Desktop Solution

Our solution for the desktop version of this website consisted of a total redesign of the front, and internal pages. The front page took advantage of bright, high contrast, mouth-watering imagery of McDonalds products. A jQuery (or for a non-standards-complaint approach, Flash) slider was envisioned as the “Featured Items” centerpiece. Content would be broken up into fewer, more concise categories. Near the top of the page would be a jQuery/JavaScript slider featuring other areas like a Restaurant Finder, and search.

Smartphone Solution

Smartphone site/app pages simplified the navigation and content structure even more. The point wasn’t to give smartphone users fewer features, but to figure out what they would be looking for most. After interviewing some potential users, I found that consumers were interested in on-the-go nutritional information and locations.
McDonald’s Website Concept
McDonald’s Website Concept
McDonald’s Website Concept
McDonald’s Website Concept