Final Project

Final Project Assignment (Due Week 14: December 9)

Your final project presentations are Wednesday, December 9. No late projects accepted.

Using the prototype you developed for your midterm, the focus of the final project is to create a portfolio quality web site that incorporates design, strategy and interactivity. Your web site design should have a strong design aesthetic that reflects a specific attitude and look and feel for the site. The site design should also reflect a strong technical sophistication. You are required to build a prototype of a mobile app or mobile web site for the the site. We will discuss this part in more detail during the next few classes.

The final project web site specifications are:

  • 8-10 complete pages (and placeholder pages for other pages when applicable).
  • A clear navigation system.
  • A successful sub navigation system.
  • A strong visual design.
  • A theme and visual concept that carries through the site.
  • A design that works well on 1024×728 displays (i.e. navigation & primary content inside 990×560).
  • You must use some html text in the site.
  • You must use an external CSS file.
  • A mobile app or mobile website prototype using Flash.
  • Create a Jing (.swf) or Snapz Pro (.mov) demo of your site (10 mins maximum).
  • Completion of a site map.

For example, a national grocer may want to provide ways for the public to order food, be notified of sale items, etc. See this New York Times article about making grocery shopping faster, more reliable, more convenient and more individualized through the online experience. This article illustrates ways in which the public could interact with grocers. The articles references the site Another good article about mobile interactivity is Retailers Are Learning to Love Smartphones.

You need to upload your final project to the class server in order to present your project to the class. Please do this BEFORE class on Wednesday, December 9.

In addition to the design and technical production of a prototype website, you are also responsible for documenting your entire process on your WP Blog.

Design Process

The Design Process I’d like you to follow can be found in the section above, “Process Blogs.” On the Process Blog page, I will provide more details about each of the ten steps. For the Final Project, I expect you to cover processes #1 — #10 on your WP blog.

1. Defining Project & Audience
2. Sketching
3. Information Design
4. Interface Design
5. Visual Design
6. Prototyping: Wireframes –> HTML
7. Usability Testing
8. Iteration
9. Repeat
10. Final Version


Possible sources for images other than Corbis: