Dec. 18 Deadline: Site is due at beginning of class – we’ll have a crit.
For your third website assignment, you will create either:
- a multi-page site based on a brochure.
- a multi-page personal portfolio site.
Student Examples
Brochure creative brief
A company has asked you to build a web site for them. They have given you a brochure and want you to create something using the same design.
They want a multi-page website that is easy to navigate and relates to the brochure. No matter how bad the brochure looks, create a multipage web site containing all of
the information on the brochure.
Use the colors and fonts from the brochure in your web site in order to keep the same look and feel, however, feel free to update it for the web.
Brochure guidelines
- Choose any brochure or informational material.
- Scan images and graphics from the brochure into the computer.
- Use the same color scheme and the same or similar fonts.
- Minimum of four pages.
- Must have a usable navigation scheme that is persistent on all pages.
- Must have contact page with simple form (I’ll give you more information on this later).
- You will be awarded points for using the techniques we’ve learned so far (tables, animations, rollovers, etc) with good judgement.
- CSS – the entire web site must get its fonts and colors from either an external style sheet, internal style sheet, or both.
Personal Portfolio Creative Brief
Create a portfolio web site for your work. This web site should have at a minimum 4 pages:
- main page,
- a portfolio page,
- a contact page, and
- a resume page.
Your site should be aesthetically cohesive, and should have a usable navigation scheme that is persistent on all pages. All your pages should include the details and design elements that you’d expect to find on a quality portfolio site.
Portfolio Guidelines
- Choose instances of your work that you’d like to show to prospective employers.
- Digitize them by scanning, or by converting to jpegs.
- Come up with a page design template that coordinates with your logo and stationery.
- Must have contact page with simple form (I’ll give you more information on this later).
- You will be awarded points for using the techniques we’ve learned so far (tables, animations, rollovers, etc) with good judgement.
- Â CSS – The entire web site must get its fonts and colors from either an external style sheet, internal style sheet, or both.
Project timeline
- Nov. 20 Tue – Work night for Portfolio Brochure. Also, CSS Links in-class assignment
- Nov. 27 Tue – Work on Brochure/Portfolio Site. I’ll be gone and you’ll have a sub.
- Nov. 29 Thurs–
- Interim deadline for B/P site – Photoshop/Illustrator/Fireworks prototype of your site ready for a crit. If you don’t have some kind of a draft ready to show, your final grade will be lowered 10 points.
- SimpleViewer demo – learn how to make an image gallery with Bridge • Dec. 4 Tue – Brief discussion of web forms + work night
- Dec. 6 Thurs – Pirate Party (anchored Links and Image Maps) demo + work night
- Dec. 11 Tue – Work night. Also, brief discussion of tables.
- Dec. 13 Tue – Work night
- Dec. 18 Tue – Portfolio/Brochure crit. Last class. All work must be in on this day.
