Advanced Web Design: AD650

COURSE DOCUMENTS | Midterm project | DUE WEEK 08

-- Project Presentation: Development Phases 1, 2, 3 --

Phase sections 1, 2, and part of 3 will be presented. Content requirements are listed below. You will be presenting your project to the class. It is recommended that you prepare a simple website or powerpoint presentation as the vehicle for your presentation.

Your Project Presentation should contain the following content:

  1. Overview
  2. Phase 1: Site Definition
    • Client Survey: List the Client Survey Questions and Answers
    • Creative Brief: Determines the goals of the site and overall scope of the project, including look and feel and marketing strategy.
    • Calendar/Schedule: (A WEEKLY BREAKDOWN) with key dates for deliverables, various phases, and the target dates for beta, QA testing and launch.
    • Budget (even if you are doing the website free of charge, you must include a budget)
  3. Phase 2: Developing Site Structure
    • Sitemap Development: Develop structure from a site-view perspective. Show overall organizational structure. Keep sitemap updated throughout project.
    • Wireframe Development: Layout main content areas and navigation from a page-view perspective.
    • Interaction Development: Show the relationship of one screen to the next. Test the navigation experience from a user-perspective. Include the User Profile and Real Use Case diagram based on your “paper prototype" testing.
  4. Phase 3: Interface Design & Production
    • Visual Design Development: At least 3 interface designs, created in Photoshop or Illustrator. If your level one (home page) is different in layout from the rest of the site, include designs for both levels.
    • Research, Research, Research- find some inspiration from this list of resources. Here you will find info about color schemes, layouts, graphic styles. I suggest Design Meltdown to start.
    • Your mockups should account for:
      • Key page elements & location: header, footer, navigation, content objects, branding elements
      • Grouping: side bar, navigation bar, content area, etc.
      • Labeling: page title, navigation links, headings to content objects
      • Place holders: dummy text (lorem ipsum dolor...), and image place holders
      • A developed color scheme with color choices for all key page elements including headings, bullets, links, plus, visited, hover, and active links.
      • A cohesive and appropriate graphic style using branding and background images.
      • A design for each level (EXAMPLES: top-level: homepage, secondary-level: section, tertiary: content, unique layout: calendar)
    • Examples

Please NOTE: