Project-3: Communication Site / A-420

Posted by: Ping

Clear And Effective Communication In Web Design

“Communication is one of the foundational elements of a good website. It is essential for a positive user experience and for a successful website that truly benefits its owners. All types of websites are affected by the need for good communication in one way or another. Regardless of whether the website in question is an e-commerce website, a blog, a portfolio website, an information website for a service company, a government website or any other type of website, there is a significant need to communicate effectively with visitors.”
Homework: Read the site content by clicking the title

Project Requirement
1. Search on two examples of professional web sites which interests you;
2. Build or redesign a business/corporate site or a consumer site;
3. Design and produce 10~15 linked pages for the website;
(at least 6 first level pages + 4 second level pages_page size: 1024px X auto)
4. Design the page layouts with multiple columns and multiple typographic hierarchies;
5. Build a shared CSS (linked) for the entire web site;
(tip: you can link multiple CSS files for managing your site)
6. Validate the CSS(s) and all XHTML pages or HTML5 pages by W3C Validator;
7. Upload the finished website to your web space for the final presentation;
Please check the detailed project brief before starting your project.

Project Brief: http://pxstudio.us/pdf/a-420_p3_css-brief.pdf
Project Sample: http://pxstudio.us/workshop/css
CSS Workshop Handout

Project Inspiration:
http://coolhomepages.com
http://csselite.com
Please check your project brief for more inspirational sites.

Project Dateline: April 12, 2012
Homework-II Dateline: March 27
(check the project brief for detail)
Recommended Reading for Web Design Principles :
DON’T MAKE ME THINK: A Common Sense Approach to Web Usability

Suggested Upgrade: Dreamweaver CS5.5