Introduction
The Final Project Proposal is your chance to clarify what you plan to do for your final project. If you were really working with a client, you would present a proposal and have it approved before beginning your project. Your next step would be to develop main and subpage design prototypes and get those approved.
What to Do
In your local root folder, create a folder named finalproject and a page within that folder named proposal.html.
Your proposal needs to include the sections shown below. I strongly suggest you copy and paste the table below and edit it.
| DESCRIPTION & EXAMPLES | |
|---|---|
| INTRODUCTION | Include your topic and a catchy title for your site. Briefly explain why you chose this topic. Example: This site is about a church and the title is "Bob's Church of the Mountains." I chose this topic because our church needs a web site. |
| SITE GOALS | What do you hope to accomplish with this site? What could you measure to evaluate whether the goals were met? Site goals are NOT your personal goals. Examples:
|
| AUDIENCE | Who will look at this site? Be as specific as possible (age group, educational background, gender, etc.). Example: This site is primarily for well-educated adult church members who want to know about events and people. Most church members have computers at home and are comfortable using the Web. A secondary audience is prospective church members who will want to know church philosophy, times of services, location, and contact information. |
| AUDIENCE PROFILE | The audience profile is a narrative description of a fictitious audience member that includes demographic information as well as how they will use the site. Example: Jane is a 33 year old working mother who is very comfortable using the Web and e-mail. Her annual family income is $75,000 and her family has a year-old computer with a 19 inch monitor connected to the Internet via 56 kbps modem. Her young kids use an old computer not connected to the Internet. She's very busy and prefers organized, user-friendly sites that allow her to find desired information quickly. She does a lot of shopping online and appreciates bargains. |
| CLIENT | Who are you creating the site for? Are you creating for a business owner? Club? Organization? Yourself? This is generally where you get information and feedback. If you were doing Web design professionally, this is who would pay you. THE CLIENT IS NOT THE SAME THING AS THE AUDIENCE! Example: The clients include the church pastor and members of the church board of directors. |
| CONTENT BRAINSTORM | Work with your client to brainstorm a list of the content you would like to include in your site. At this point, you don't have to organize or refine the list -- just list everything that comes to mind. Start with the information you want to cover, then describe images, sounds, or video clips if you have any in mind. Make your own list, then look at related sites for ideas. Example for Bob's church:
|
| SIMILAR SITES | It's always a good idea to look at other Web sites for inspiration. List the URL's for at least 3 other sites with similar content, audience, and goals. Jot down any new content ideas on your content list. Take note of any interface ideas that come up (as well as things to avoid). |
| INTERFACE | Given your audience and goals, how should this site look and behave? For example, you might want a simpler site for kids or beginners. If your site is for seniors, you might consider larger fonts. Kids like brighter colors and a whimsical interface. If your audience are business people, you might want subdued colors and a no-nonsense professional look. Identify any constraints such as existing design guidelines that dictate colors, logos, font faces, etc. Example: Since this site is for kids, the interface will include bright colors, large font faces, an icon-oriented navigation scheme, and colorful animations. The client already has print graphics with a particular design, so this design will be used as a basis for the web design. |
| FLOWCHART | The flowchart shows the structure of your site, with each page represented by a box. Start with paper & pencil or post-it notes. Then you can either turn in a hand-drawn flow chart or create an electronic flowchart using Microsoft Word draw tools, a graphics application like Fireworks, or a planning tool like Visio.
|
| SKETCHES | Get out a piece of paper and sketch design ideas for your main and sub-pages. An Introduction to Using Patterns in Web Design walks through the process of information organization. You may turn in the paper or include a image in your proposal.html document.
|
| Examples |
|
Grading - 60 points
Your URL MUST be http://studentweb.gcccd.net/username/finalproject/proposal.html.
| Points | Requirements |
|---|---|
| 40 | 5 points each for
|
| 10 | sketches |
| 10 | flowchart |