GDES 45 Final Project

See Dates on Main Page

OBJECTIVE:

• Create a business related web site, or
• Create a website on your favorite book or movie.
• See samples here

The basic requirements are the same for both types of web sites.

A business related web site is a site that generates revenue or significant savings in some way. You have a choice of three types of business web sites:

OPTIONS FOR BUSINESS WEB SITE DESIGN:

• Company: A comprehensive web site that describes the company's products or services. The Site could include helpful features such as FAQs (Frequently Asked Questions), job opportunities, online customer support, company mission statement, department profiles, current events, et cetera.
  
• Online store: A web site that sells a line of products (at least five products). The merchandise should be presented in an organized and attractive way. Each product should be presented with a complete description and price. A simple order form must also be included.
• Online Information Service: A web site that performs a service. Examples include movie review site, horoscopes site, and specialty newsletter.

OPTIONS FOR WEBSITE ON YOUR FAVORITE BOOK OR MOVIE:

• Make a website with information about your favorite book or movie.

To Do:

• Do Thumbnails to brainstorm different ideas for your design and show them to the instructor.
  • See Thumbnails Samples Here
  • These will be checked off but not graded.
• Do 5 wireframes to refine the layout and page content.
  • These will be graded.
  • You can use any software you wish to do the wireframes. Here is a list of options.
• Do 3 comprehensives(comps) for the site. Do 1 for the home page and at least 2 other pages. (See Comps below and see Comp Samples Here). OR...
• Do a communication or creative brief for your website. See a communication brief worksheet and Go to "Web Redesign" for Creative Brief ideas. Click on Sample creative brief to see a sample. Another take on creative briefs can be seen here.
  • You will turn in either the creative brief, or comps, which will be graded.
• See sample creative briefs from previous classes here.
  
• Again
  • The Thumbnails will not be graded, but will be shown to the instructor.
  • The wireframes will be turned in for a grade.
  • The comps OR written brief will be turned in for a grade, but you do not have to do both.
• Apply HTML features you have been learning through lectures and tutorials
• Combine the use of HTML and Image Editing software
• Beta Test the site
  

Comps (5 Points):
Develop comps that shows your intentions for your design

• Look at examples from previous classes.
• Print out images and give me digital files.(psd, jpeg, pdf, or powerpoint)
• Be sure that you will be able to get the images for all concepts in your proposal and storyboard. in other words, choose a subject you can find content for.
• Make sure to choose proper graphics, text and colours for the intended audience.
• Comps should be in correct aspect ratio(shape) for the intended layout.
• Comps should be of high enough quality to present to an actual client.

Specs (10 points):
The Minimum Requirements Are

• 5 Pages
• 1 form
• At least 1 external link
• At least 1 email link
• CSS used for all layout and positioning of content, except where tables are appropriate
• At Least 3 Images not acquired from the Internet (should be original or scanned). You may also use images from the internet.

Expectations:

• The web site must look professional, well organized, and stylistically consistent.
• It is important that you use the time allotted for the assignment wisely.
• Make sure that the design fits the content.
• Think about your target audience and their expectations.

Design & Finesse:
(Refer to point totals at top of page)

• Communicate the message
• Design fits the content
• Proper optimization of images
• Good composition of pages
• Good colour harmony
• Good functionality/usability
• Intuitive and functional navigation
• Type should be legible, use appropriate fonts for the design
• Final Presentation to the class

Beta Test:
You will conduct a test of your site to determine, among other things:

1. How well it fulfills it's goals and communicates ideas.
2. The quality of the design.
3. The technical quality of the site.

Refer to the beta test information and form in your HTML Handout, and/or download information on the beta tests.
Get Beta Test Help/Description.
Get Beta Test Form.