31
E-Portfolios Scott Huette Lead Instructor & Career Advisor Office of Professional Outreach and Development for Students School of Architecture & Allied Arts University of Oregon

E portfolios

Embed Size (px)

DESCRIPTION

Presentation that focuses on basic design concepts for creating an electronic or digital portfolio, with emphasis on website portfolio development

Citation preview

Page 1: E portfolios

E-Portfolios

Scott HuetteLead Instructor & Career AdvisorOffice of Professional Outreach and Development for StudentsSchool of Architecture & Allied ArtsUniversity of Oregon

Page 2: E portfolios

The Best Portfolio Is Going To…

Authentically represent your work, creative skills and experience.

Be well constructed and designed.

Meet the expectations of the employer or reviewer including their education & cultural background.

Be appropriate for the application process, requirements and industry standards.

Page 3: E portfolios

Is Your Design CRAP?

ContrastRepetitionAlignmentProximity

Page 4: E portfolios
Page 5: E portfolios
Page 6: E portfolios
Page 7: E portfolios
Page 8: E portfolios
Page 9: E portfolios
Page 10: E portfolios
Page 11: E portfolios
Page 12: E portfolios
Page 13: E portfolios
Page 14: E portfolios
Page 15: E portfolios
Page 16: E portfolios
Page 17: E portfolios
Page 18: E portfolios
Page 19: E portfolios
Page 20: E portfolios
Page 21: E portfolios

'About Me' Page

• one of the most overlooked pages in development

• one of the highest ranked pages on many websites

• engage your audience in a personal and friendly way

• The more details you give, the better your users can form a bond and build trust with you.

• If you’re not camera-shy, show a picture of yourself.

Page 22: E portfolios

Uniqueness distinguish yourself from the crowd

Page 23: E portfolios

The Big Picture you feel you’re meeting a real person

Page 24: E portfolios

Well Organized informative without being too wordy

Page 25: E portfolios

Front and Center about page as home page

Page 26: E portfolios

Direct clear deliberate trust indicators

Page 27: E portfolios

Business Card Website

overview of your social networking presence, portfolio and capabilities, contact information, etc.

Page 28: E portfolios
Page 29: E portfolios

Presenting Your Portfolio

A Storytelling Framework

Image by Evie Cook

Page 30: E portfolios

Using the S-O-A-R Storytelling Framework

• Describe the SituationProvide context – Who, Where, What, When

• Describe the ObstacleWhat was your task? What challenges did you face?

• Describe the ActionsWhat did you do? If a team activity, transition from “We” to “I” to highlight your contributions.

• Describe the ResultsHow did it end? Was the outcome a success? What did you learn? What were the benefits?

Page 31: E portfolios

Sources

• Anatomy Of A Perfect Landing Page. (n.d.). The @KISSmetrics Marketing Blog. Retrieved November 10, 2013, from http://blog.kissmetrics.com/landing-page-design-infographic/

• May, J. (2009, November 24). 69 Sexy Portfolio Designs To Inspire You. Smashing Magazine. Retrieved November 10, 2013, from http://www.smashingmagazine.com/2009/11/24/69-sexy-portfolio-designs-to-inspire-you/

• Munroe, L. (2009, February 26). 10 Steps To The Perfect Portfolio Website. Smashing Magazine. Retrieved November 9, 2013, from http://www.smashingmagazine.com/2009/02/26/10-steps-to-the-perfect-portfolio-website/

• Nutter, M. (2009, July 1). Best Practices for Effective Design Of “About me”-Pages. Smashing Magazine. Retrieved November, 10 2013 from http://www.smashingmagazine.com/2009/07/01/best-practices-for-effective-design-of-about-us-pages/

• Principles of Design Poster. (2012, October 15). Paper Leaf Design. Retrieved November 10, 2013, from http://paper-leaf.com/blog/2012/10/principles-of-design-quick-reference-poster/