190 likes | 306 Views
Web portfolios common features common questions. Portfolio study, Smashing Magazine 2009 . Light or dark?. 82% portfolios have a light design. How many columns?. 27% 2 columns, 52% 3 columns , 16% 4 columns. flash?. Not really.
E N D
Web portfolioscommon featurescommon questions Portfolio study, Smashing Magazine 2009
Light or dark? 82% portfolios have a light design
How many columns? 27% 2 columns, 52% 3 columns, 16% 4 columns
flash? Not really. Only 3.7% of portfolio sites show a heavy use of flash, but even then it was mainly used for slideshows and presentations.
Yes, but what about sites like… http://www.okayboss.com/folio/ http://ff0000.com/ ?
Should I showcase my projects? Yes, but how… 63.6% of sites have a detailed page for each project What is on these pages?
Project overviews • To allow visitors to the portfolio to get some additional information about the project in order to help them to understand what was accomplished. • Design problem – solution
Screenshots • The time when the work looked just as you intended…
Multiple screenshots? • to provide more detailed information about the project, or to highlight especially well designed elements.
Listing of specific services provided • details of work that was performed by you as part of the project. • especially useful when multiple parties have worked together to complete the end result. Without knowing who is responsible for what part of the project it can be difficult to assess the work that was done.
Client background information • basic information about the client, what they do, and what they wanted fromyou. • Aim: to put the project into context and to show that it works in a real world situation.
Example http://www.flex360.com/portfolio?id=155&page=1
Client testimonials • To give more detailed information about clients’ experiences of working withyou. • Is it genuine and useful? Or just ‘happy talk’ that adds bulk to the page?
Client page • 47.2% of web portfolios had a client page
Contact page • User expectation: ‘contact’ link in the top right corner and/or the footer. • Make it easy for potential clients to contact you but don’t appear desperate…
About page • User expectation: some more information about you/ your company. What sort of person are you? What is your motivation? Is your approach professional/ are you easy to work with/ … • Is my content genuine and useful? Or just ‘happy talk’ that adds bulk to the page?
Do attach a blog • 76.3% of sites had at least one blog attached.
Do use standard navigation • http://astheria.com/design/my-last-portfolio-sucked-yours-might-too Thumbnails - not very user-friendly?
References • http://www.smashingmagazine.com/2009/09/20/showcase-of-case-studies-in-design-portfolios/ • http://www.flex360.com • http://www.ngenworks.com/approach/ • http://createdm.com/ • http://www.1stwebdesigner.com/inspiration/web-designer-portfolios-2012/ • Professional web design - the best of Smashing Magazine, Wiley, 2009 • http://webdesignledger.com/inspiration/21-excellent-portfolios-and-design-agency-websites