Contents
Website Redesign
Grading Rubric
Overview
For this project, you need to find a website that is in need of redesigning. The primary concern is how well it communicates; the design must help in the communication, not get in the way. When I grade your project I will first look at the original website, then when I look at your site to see how you’ve improved on it. You are now designing your own site, so be creative.
Good design is obvious. Great design is transparent.
—Joe Sparano
Details
Here are the specs for the site:
- The site must have at least 4 pages.
- Content (images and text) can be pulled from the original site (no greeking or placeholder content).
- Must include 4 different images at a minimum.
- The page footer must have a live (clickable) link to the original website.
- Instead of using fixed pixel widths for your DIVs, use percentages so that you have a fluid layout. | Slides showing Fluid Layout
- Don’t forget, you must also use percentages for padding/margin on the sides.
- All widths must total to 100% (remember the CSS Box Model)
- Your #container DIV should have its width set to 90% and a max-width set to 1000px.
The following Technical Specs apply to all assignments (so don’t forget them):
- All CSS is to be in shared, external file(s).
- Eric Meyer’s CSS reset rules need to load first.
- Use meta viewport on all pages.
As always, this project needs to have a unique design that does not duplicate fonts, colors, or images used in the class demo. This project is more creative than any of our previous projects and will be graded as such.
After uploading and checking your files, don’t forget to submit your assignment in Canvas. | Turning in an Assignment video