Portfolio Website Guidelines

From the Portfolio Requirements handout:

Each portfolio is required a website using a responsive design approach, externally hosted, containing a resume, contact information and the portfolio projects. The web site must be branded as part of the student business cabinet which includes a business card and printed resume. The resume will be presented as selectable text on a web page, a downloadable .pdf, and a downloadable Word document. Each project presented on the website will include a project narrative, examples of ideation and iteration that support the narrative, and the final application.

YOUR WEBSITE

Looked upon favorably

  • White background
  • Visual Grid structure for selecting projects
  • Images that fill the frame
  • Project Narrative
  • multiple images that support the Narrative
  • embedded selected video to enhance the experience
  • lateral navigation or a footer to next project
  • Review current standards of portfolio website display, these change stylistically year to year. Make your portfolio an echo of current display standards. If you want to go another direction be prepared to be deeply scrutinized by the committee…you had better have compelling logic to be outside the herd.
  • Think “Mobile First” when designing your online portfolio. Latest trends indicate  the decrease in desktop computing and the rapid rise of tablet and phablet sales. Design your responsive online presence accordingly.
  • All websites MUST contain correct spelling and standard American English rules of  grammar.
  • Your complete resume needs to be displayed in HTML format designed within your personal business cabinet. This identically styled cabinet includes business card, resume, website and other collateral. A .pdf must be available for download. That .pdf link should be set to open in a new window. The downloaded .pdf should have an intelligent title: “your_name_resume.pdf”. In this way, the user can find it locally in a directory. It must also be downloadable as Word document.
  • A Linkedin link is necessary, as well as an updated linkedin account with an updated resume posted. Developing a Dribble and Behance account is also encouraged to expand your online footprint.
  • All work must be accompanied by a short description, process and solution examples on the web page. An additional case study .pdf file for project may also be made available via download.
  • Use the word ‘proposed’ where appropriate. A project presented without this word used in the correct location can lead at worst to confusion and suspicion. At best, it can lead to disappointment.
  • Printed work should be exhibited photographically. An additional case study .pdf file for project may also be made available.
  • Facebook links: either link to a fan page for you, or allow users to like your site on Facebook.
    But please don’t link to your personal facebook account.
  • Think carefully about your navigation. Typically, graduating students do not have a huge amount of work to show that is of a professional level. With your small amount of work do you need sub navigation?
  • Avoid mail forms. Use your email address for contact. If you must use a form, place it alongside your email address with visual dominance. It must be selectable HTML format text, not a .jpg. In this way users who dislike contact forms can email you using their own email client and have a record of doing so.
  • An ‘about’ page is usually not desirable. Personal lifestyle descriptions are not considered professional in most cases. Consult your instructor.