===============================================================

Project: Web Site Plan and Specification

Module W75p

* About this document... * Audience and Objectives *
 

If you are using a browser, you can click on this separator wherever you see it to return to the top of the page

===============================================================

Instructions

Your final project is to create an Internet Project Plan and Specifications document, similar to any strategy or planning document you would prepare for a client as a Web professional. Much of the material you create in INP200 homework and activities will be included in this report. Your final project should include a Cover Page, a Table of Contents, the content items listed below, and a mockup (plain vanilla HTML) of your Web site with links. The following content is required:

  1. Web Site Objectives and Project Scope - a high level description of the site you will create for your client.
  2. Audience Definition - a high level description of your audience
  3. Production Timeline/Schedule - a schedule of your delivery dates of the components. You will use your true internal project deadlines here.
  4. Success Criteria - How will you measure the success of the site?
  5. Branding, Design, Look, and Feel Specifications - What should be messaged in your site? What kind of mood do you want to convey? What should the visual tone of the site communicate?
  6. User Needs and Task Analysis - This is a more detailed look at what your users will accomplish by going to your site. Create profiles of three to five different users and identify their tasks, needs, and goals. This will not only help you and your client to better understand the audience, but it will drive the feature set you choose to include.
  7. Quality Assurance Plan: An overview of the steps to be taken to assure that the site meets specifications, conforms to standard grammar and spelling rules, and has all links working correctly.
  8. Content Inventory - A list or table with information about each content piece
  9. Information Architecture (a.k.a. Blueprint, Site Map) - the high level aerial view of the "buckets" of information in your site.
  10. Usability Test Findings - Results and data from our in-class usability studies and any others you conduct.
  11. Page Layouts (a.k.a. Grid) - For all levels and page types, provide a diagram of the layout, prepared in Fireworks, Illustrator, Visio or an equivalent tool.
  12. Technical Specifications - User machine and connection specifications, and possibly server configuration as well.
  13. Quality Test Findings - Report from the quality assurance steps.
  14. Maintenance Plan - Who will maintain the site? How will updates be made?
  15. Web Hosting Report - What options are available for a Web hosting provider? Which option is recommended, and why?
  16. Appendix A: Site Mockup (a.k.a. Wireframe) - Build a plain vanilla HTML site with links (no art, just content placeholders and references to images that may appear
===============================================================

Submitting your work

To submit your work, please print a formal report. Provide, via email, a link to your Project Plan (even if it's in Word), along with the absolute URL of your site mockup to your instructor.

Audience: This is for people who have some background in Web site design, and are ready to put it into practice.
Objectives: When you successfully complete this lesson, you will be able to...

  1. ...create a high level description of a site to be created for a client;
  2. ...provide a high level description of of the audience of a proposed Web site;
  3. ...create a realistic schedule of the delivery dates of a Web site project's components;
  4. ...define success criteria for a proposed Web site;
  5. ...define branding, design, look and feel specifications for a Web site;
  6. ...create a detailed user needs and task analysis for a proposed Web site;
  7. ...list dynamic features and tools appropriate for a Web site;
  8. ...create a content inventory for a Web page;
  9. ...conduct and report results from usability tests;
  10. ...create a high level Information Architecture diagram of a proposed Web site;
  11. ... provide a diagram of the layout for all levels and page types of a proposed Web site
  12. ...provide technical specifications for which a Web site is targeted, including machine specifications, server configuration, and (optionally) deta models and technical architecture;
  13. ...create a maintenance for a Web site;
  14. ...create a plain vanilla HTML site mockup (wireframe) for a Web site.

About this document...
Module W75p: This document is part of a modular instruction series in computer technology. For more information, see the overview or the list of modules in this series, W: World Wide Web. This document has been used in the following classes: INP 200/210.

Authors: Constance Marie Colthorp, Laurence J. Krieg
Institution: Internet Professional Department, Washtenaw Community College

History: Original: June 2001; This revision posted  Monday, 31-Aug-2009 11:48:07 EDT

Copyright © 2001, Constance Marie Colthorp, Laurence J. Krieg, and Washtenaw Community College
Instructors: You are welcome to point to this file in your Web-based materials.
Students: you may make a copy for your personal use.

All other uses: contact the authors for permission