Reviewing the Web portfolio assignment, expectations, and suggestions.

1. AR340 WEB-BASED DESIGN
The Online Portfolio
Tips and Guidelines
Bruce Clary, McPherson College, McPherson, Kansas

2. AR340 WEB-BASED DESIGN
The assignment
• Home page (index.html)
• About Me page
• Contact information
• Résumé – both HTML and PDF
• Galleries organized by type of work

3. AR340 WEB-BASED DESIGN
The home page
• It’s every user’s first impression. Make sure
both content and design communicate your
best qualities.
• Avoid the “splash page” approach. Clearly
communicate…
• Who you are
• What you can do

6. 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 you can be a person –
hobbies, activities, family all OK –but…
• This isn’t Facebook

7. AR340 WEB-BASED DESIGN
Résumé
• Same content as your paper résumé
• HTML version – that is, a regular Web page
• Typographical control is the key
• PDF of your paper résumé for downloading, or,
alternatively…
• A print stylesheet for your HTML résumé

8. AR340 WEB-BASED DESIGN
Galleries
• Make ease of use the priority
• Show best work only – three examples of each
type of skill probably enough
• Make images large enough for user to
appreciate skill
• Explain what you did

10. AR340 WEB-BASED DESIGN
Contact Info
• One HTML form with fields for name, address,
e-mail, and message required
• Probably best as separate contact page but
might work well on resumé page

11. 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