WEEK 15: Portfolio Critique
(April 26-30)

To Do This Week:

Finish Portfolio Projects for in-class critique


Sites Due for Grading  – BY TUESDAY MAY 4th at midnight

The Portfolio Projects should be in a folder called “portfolio”


  • name your folder “portfolio” and make sure you have the file named “index.html”
  • validate your project 
  • make sure your  site is responsive and the your stylesheet is “mobile first”, followed by media queries for larger width sizes
  • do not copy all css for media queries, only css that you want to change
  • img {width: 100%} will take care of responsive images as long as images are inside an element
  • pay attention to visual hierarchy at all levels
  • use a color scheme with a tool like Kuler
  • apply css styles to links!
  • have a header and a footer with your name. each page <h1> should be your name
  • format your html and css so that it is readable: tab in for nested elements, keep alignments
  • do not change the position or arrangement of your nav bar from page to page

POD Critique

For the POD critique of the Portfolio Projects follow these instructions:

  1. Note down your answers to the questions below for each student project in your POD group. These short answers are not essays, just helpful feedback.
  2. Discuss each project consecutively, sharing advice based on the questions.
  3. Take the critiques of your work as guidelines for a redesign–you do not have to follow all suggestions!

1. What 2-3 words (or phrases) describe the overall impression of the site design?
2. How does “difference” in certain design elements (layout, typography, color) focus attention? Is this difference effective? Is there difference that is confusing or distracting? Are boxes out of alignment?
3. How effective is the typography? Does it help or hinder your comprehension of the content?
4. Does the site navigation help or hinder your experience of the content? Are the links, the navigation bar, buttons, galleries and/or pop-up images clear and working properly? Is there a heading and a footnote with the student’s name?
5. Is the color scheme effective or distracting? What suggestions do you have to improve the site’s color?
6. Does the site present the content well? Is it accessible and effective in presenting the student’s digital work?
7. Other Comments/Suggestions? Anything not working properly? Are images too big or out of proportion? Any spelling or grammar mistakes?