Last week, you were asked to decide which restaurant (real or imaginary) you will design a mobile site for.

  • What is the name of your restaurant and what does it serve?
  • Who is your target audience?
  • What features need to be on your website?

Don’t forget to submit your design brief to the Dropbox on the eCompanion.

AudioSpace Mobile Navigation

Mobile Icon Navigation

Slideout Menu with JPanel

Responsive Restaurant Website: Wireframes

Collect all the content for your restaurant site. Try to make sure you get as much quality content gathered as you can. This includes written text, images, video, and menu.

Following best practices, we design content-first. Know what your content is before designing for it.

Now create wireframes for your restaurant for each of the following sizes:

  • 1200 px wide
  • 768 px wide
  • 600 px wide
  • 480 px wide
  • 320 px wide

Save the wireframes as PNG or JPG files.