Mexico City
Marketing Website

Deliverables

The goal of this project was to provide the customers of Mexico City with an easy-to-use marketing website that promoted their brand and allowed easy access to their menu to be read in the restaurant.

Challenge

The biggest challenge for this project was to create a responsive menu that would be quick and easily accessible to the patrons of the restaurant. The WiFi in the restaurant was not the strongest so the site needed to be lite and fast.

Tools

  • Sketch
  • Adobe Create Suite (Photoshop, Illustrator, Indesign)
  • HTML5, CSS3, animate.js, wow.js

Matt Davidson

Web Developer


Behaviors

Loyalty

Venue

Activity

Breadth

Collaboration

Scenarios


Matt is a repeat customer of Mexico City Mexican Restaurant in downtown Denver. While he is familiar with the restaurant's menu he does bring in friends often who would like to be able to view a responsive menu on their phone. After several conversations with the owner Matt has learned that the owner wants to update their online presence to drive more business.

Objectives


  • Create a responsive menu easily accessible by phone.
  • Display a proper call-to-action.
  • Update the styles to be more modern.

Background


Matt has been doing web development for a local design firm for the past several years. He is a repeat patron of Mexico City and truly sees an opportunity for the company to update their online presence.

Concerns


Due to the lack of good WiFi in the restaurant the framework of the restaurant needs to be lite and responsive. The owner is not concerned with making updates to the site themselves so they don't require a CMS solution, which *could cause loading issues due to the poor WiFi.

"Due to the lack of good WiFi in the restaurant the framework of the restaurant needs to be lite and responsive. The owner is not concerned with making updates to the site themselves so they don't require a CMS solution, which *could cause loading issues due to the poor WiFi..."

Userflow/Usability

The website will be a single page marketing site broken up into 4 sections: Attention, Objection, What is it? and Menu. CSS Webkit animations integrated as you scroll with wow.js give visual flare and help delinitate each separate section.
Mexico City Userflow
* Made Using Sketch

Wireframe

Due to the difficult nature of translating a menu to mobile it was important to make sure that before we injected branding to make sure the layout of the menu was well thought out, and very easily readable.
Mexico City Userflow
* Made Using Sketch

Conclusions

Takeaways


  • Menu design and implementation went smoother than originally thought.
  • Customers were very happy with the updated branding message.
  • The lack of good WiFi didn't create as many performance issues as originally thought.

Goals Met?


The customers seemed quite happy with the improvements to the site. The menu made a difference in house and the owner would like to pursue an online ordering/shopping cart to expedite in-house orders.

Final Product


Click To View