Online Portfolio Guide

591 views
538 views

Published on

Reviewing the Web portfolio assignment, expectations, and suggestions.

Published in: Education, Design, Business
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
591
On SlideShare
0
From Embeds
0
Number of Embeds
257
Actions
Shares
0
Downloads
4
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Online Portfolio Guide

  1. 1. AR340 WEB-BASED DESIGN The Online Portfolio Guidelines and Tips
  2. 2. AR340 WEB-BASED DESIGN The Requirements • Home page (index.html) • About Me page • HTML contact form • Résumé – both HTML and print version • Galleries organized by type of work
  3. 3. AR340 WEB-BASED DESIGN The Home Page • It’s every user’s first impression. Make sure design and content convey your best qualities • Avoid the “splash page” approach • Clearly communicate • Who you are • What you can do
  4. 4. AR340 WEB-BASED DESIGN Your About Me Page • Your chance to say what you’re trying to communicate visually in your design • Keep it clear, clean, and brief—but it’s OK to let your style shine through • Summary of skills and experience OK, but… • This is the place to be a person – hobbies, activities, family all OK—but… • This isn’t Facebook!
  5. 5. AR340 WEB-BASED DESIGN Résumé • Same content as your paper portfolio • HTML version – that is, a regular Web page • PDF of your paper portfolio for downloading, or—a CSS print stylesheet.
  6. 6. AR340 WEB-BASED DESIGN Galleries • Make ease of use the priority • Show best work only—three examples of each type of skill enough? • Make images large enough for user to appreciate skill • Explain what you did
  7. 7. AR340 WEB-BASED DESIGN Contact Info • HTML form with fields for name, address, e- mail, and message required • Chapter 9 in Robbins • Probably best as separate contact page but might work well on résumé page
  8. 8. AR340 WEB-BASED DESIGN Miscellaneous Tips • Keep it clean, comm majors • Don’t use technology (animation, for example) that you can’t duplicate • Plan, plan, plan • Site maps • Wireframes • Show your ideas, graphic designs and early pages to lots of people

×