Web II: Front-end Development

(Please download this Introductory PDF…)

Assignment 01: Front-end Development

Use Photoshop and/or Illustrator to mock-up a robust website for a local restaurant of your choice (no national chains or franchises). This of this as the blueprint that would be handed off to a development team who would implement all the actual coding and site building. But you would want to *show* as much as possible. A site structure, visual effects, specify colors and type, etc.

Then… research! What does a great website (particularly for a restaurant) look like? How does it work? What is featured, what is excluded?

Now stop browsing and get to work! Don’t get lost in the googlenets!

Create the following pages with a 1024x768px viewing area and 72ppi:
Home/Landing
Menu
Locations/ Directions /Hours
About: 
Contact, History
Articles (blog)
(Or some similar configuration of these pages… at least 5 pages)
PLUS!  an abbreviated mobile version

 

If your chosen restaurant already has a site, you will represent any and all content currently on the site, but you can add new content if it is beneficial.

Your site should bear no resemblance to the actual site.

You can download browser safe-area templates and browser elements from DesignersToolbox.com. Indicate rollover effects and other interactivity.

Objectives:
Focus on design
Research best-practices in contemporary web design
Understand the designer/developer relationship
Give great design to those in your area

Project Components:

  • A site with at least 5 pages
  • An accompanying mobile version

We will critique your sites on-screen as PDFs
You will submit a final PDF that shows all pages and (with indications of their various forms of interactivity) as the finished project


Critique: Thr Sept 3
Due: Thr Sept 10

Leave a Reply

Your email address will not be published. Required fields are marked *