GD 65 Assignment 5

Below are your assignments due next week by 8:00am Monday, December 1

 

Reminder: Our second classroom meeting is Thursday, December 4

Gr Des 65 Classroom meeting
Thursday, December 4, 2014
2:00pm – 5:05pm
AIR 133

Bring your final project files with you to class!


Read

Estimated time to complete: 4 hours


All Class 05A & 05B notes
Assigned Reading from Textbook:

  • Chapter 14: Thinking Inside the Box
  • Chapter 15: Floating and Positioning
  • Chapter 16: Page Layout with CSS

Discussion

Estimated time to complete: 1 hour


Discussion – Assignment 5: Competitive Analysis

Please review the information about Competitive Analysis in the Class 04A notes and answer the following questions on the Discussion section of the eCompanion site.

Completing an informal competitive analysis for your final project website will give you invaluable information that will make your site more successful.

  • What is a competitive analysis? (In your own words)
  • Why is a competitive analysis important to the design process?
  • What kind of things do you look at when doing a competitive analysis?
  • What three competitive websites will you look at for your final project?

Please choose 3 competitive websites and give a paragraph summary of each site (strengths and weaknesses) and post this on your Tumblr blog.


Watch

Estimated time to complete: 1 hours


Please watch the following two videos below.


VIDEO: Two Column CSS Layout – Part 1


VIDEO: Two Column CSS Layout – Part 2


Exercises

Estimated time to complete: 3+ hours


Part 1 – Create a two-column layout for the “Art by Justine” web page demonstrated in the 2 videos above. Please refer to the class notes and the videos for this exercise. Please make sure you’re using correct file organization and turn in the entire folder which contains all the files for the web page.

Download the Photoshop file for the “Art by Justine” web page and a folder of the images for this exercise.

Part 2 – Continue working on your final project. Please move forward with the design of your site based on my feedback regarding your home page design comp. After receiving my feedback, continue designing the rest of your pages. Our next class meeting is the perfect time to go over any questions you may have. I want to take a look at your design and give you more feedback before you start building the site in HTML and CSS so bring in your final project files to our classroom meeting.

Take in consideration our discussion from our class regarding anatomy of a perfect page:

Anatomy of a Perfect Landing Page

by Column Five Media.
Explore more infographics like this one on the web’s largest information design community – Visually.

 

Website inspiration

Below are a few sites that might inspire you as you work on your final project:

http://www.pastini.com/
http://www.lemonadela.com/
http://www.samahope.org/
http://frankiessportsdiner.com/
http://boston-cream.com/
http://blueribbonfriedchicken.com/

Please email me the design comps of your 5 pages as jpgs as soon as you are finished so I can give you feedback.

Also, post the design comps to your Tumblr site and, in the discussion section, post a link to the comps so your classmates can give you feedback.

When you upload your zip file to the Dropbox, please be sure to include your name in your file names. For example: yourlastname_assignment5.zip


Quiz 3

Estimated time to complete: 1 hour


Click here to take Quiz 3

Please complete the Quiz before the due date. The quiz will end on this date and you won’t be able to take it.

Leave a comment