60+ Helpful Resources for Portfolio Design

One of the most important things a designer can do for his or her business is to create an attractive portfolio site that communicates effectively with visitors and draws in potential clients. In this post we will look at various resources and articles that can help you to create the right portfolio site for you. We will look at several sources of portfolio design inspiration, tutorials that will lead you through the process of designing a portfolio, scripts that can be used, helpful articles and tips for portfolio design, and WordPress themes and HTML/CSS templates.

1. Inspiration for Portfolio Design:

Checking out examples of creative, effective portfolio sites from other designers can help to give you some ideas that you may be able to use in the design of your own portfolio. While many web design/CSS galleries include a lot of portfolio sites, there are some galleries that are focused exclusively on showcasing well-designed portfolios.

Folio Focus

Folio Focus

Pixel Perfect Portfolios

Pixel Perfect Portfolios

Foliostars

Foliostars

Most Creative Portfolios

Most Creative Portfolios

Blog posts that provide inspirational roundups of portfolios:

2. Tutorials for Designing a Portfolio Site:

There are a number of excellent tutorials that can help you by walking through the design of an example portfolio site. Many f these tutorials cover the design and layout work in Photoshop. Others involve coding or development.

How to Build Your Own Single Page Portfolio Website

How to Build Your Own Single Page Portfolio Website

Awesome Tutorial Portfolio Design

Awesome Tutorial Portfolio Design

Create a Clean Modern Website Design in Photoshop

Create a Clean Modern Website Design in Photoshop

Create a Dark and Sleek Web Layout Using Photoshop

Create a Dark and Sleek Web Layout Using Photoshop

Design a Beautiful Website from Scratch

Design a Beautiful Website from Scratch

Building a Sleek Portfolio Site from Scratch (Part 2)

Building a Sleek Portfolio Site from Scratch

Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop

Create a Nice Web Portfolio Design with a Watercolored Background in Photoshop

How to Create a Great Web Design CV and Resume

How to Create a Great Web Design CV and Resume

Creating a Filterable Portfolio with jQuery

Creating a Filterable Portfolio with jQuery

Create a Webdesign Layout in Photoshop

Create a Webdesign Layout in Photoshop

Create a Grid Based Resume/CV Layout in InDesign

Create a Grid Based Resume/CV Layout in InDesign

Design a Portfolio Site with a Textured Background

Design a Portfolio Site with a Textured Background

Creating a Flash Portfolio Website

Creating a Flash Portfolio Website

Build a Flash Portfolio

Build a Flash Portfolio

Design Studio Layout

Design Studio Layout

Create a Professional Portfolio Design in 17 Easy Steps

Create a Professional Portfolio Design in 17 Easy Steps

How to Create a Grunge Web Design Using Photoshop

How to Create a Grunge Web Design Using Photoshop

Create an Image Rotator with Description (CSS/jQuery)

Create an Image Rotator with Description (CSS/jQuery)

Fancy Thumbnail Hover Effect with jQuery

Fancy Thumbnail Hover Effect with jQuery

3. Sliders and Galleries to Use in Your Portfolio:

Sliders and image galleries are very common for use with portfolios. Adding one to your site can be very easy because there are many scripts available that you can implement very quickly into your own website.

Coda Slider

Coda Slider

ThickBox

ThickBox

jQuery Multimedia Portfolio

jQuery Multimedia Portfolio

For more see 25 jQuery Image Gallery/Slider Tutorials

Rather than listing all of the various sliders and galleries here, we recently published a post that featured 25 of them. Please refer to this post if you are looking for more options.

25 jQuery Image Gallery/Slider Tutorials

4. Helpful Articles on Portfolio Design:

The articles listed below will provide tips, advice and information that can be very useful while you are working on creating a portfolio that will attract clients. For any designer who is looking to get more out of their portfolio, the articles on this list are must-reads.

10 Steps to the Perfect Portfolio Website – Smashing Magazine

Creating the “Perfect” Portfolio – Webdesigner Depot

The One Page Graphic Design Portfolio Guide – You the Designer

Seven Ways to Build Trust on a Portfolio Site – You the Designer

10 Characteristics of Excellent Portfolio Sites – Webdesigner Depot

Ultimate Guide to Using WordPress for a Portfolio Site – Smashing Magazine

Creating a Successful Online Portfolio – Smashing Magazine

50 Excellent Image Galleries You Can Use Today – NETTUTS

Build a Killer Online Portfolio in 9 Easy Steps – Freelance Switch

Alternative Ideas for Designing a Web Portfolio – Fuel Your Creativity

18 jQuery Scripts and Tutorials to Improve Your Portfolio – Designer Daily

5. WordPress Portfolio Themes:

Many designers have chosen to use WordPress as a content management system to power their portfolio site. WordPress is a great option for a portfolio because it’s easy to work with and design for, it can power a blog as part of the portfolio site, there are tons of great plugins available for portfolio sites, and there are also a lot of themes that can be purchased that were created specifically with portfolios in mind.

Aperture

Aperture

Photo Graphic

Photo Graphic

MagFolio

MagFolio

Fresh Folio

Fresh Folio

ProudFolio

ProudFolio

Sharpfolio

Sharpfolio

YourFolio

YourFolio

Cassiopeia

Cassiopeia

Aquila

Aquila

Professional

Professional

Sketchbook

Sketchbook

Sleekslide

Sleekslide

Briefcase

Briefcase

Modern Portfolio

Modern Portfolio

BlueGlow

BlueGlow

Bluelight

Bluelight

6. HTML Templates for Portfolios:

For those who do not want to use WordPress for their portfolio, there are also a number of HTML/CSS templates available.

One-Page Portfolio Template

Minimal HTML Portfolio Site

Minimal HTML Portfolio Site

Minimo

Minimo

Definition

Definition

Professional Services

Professional Services

Great Portfolio

Great Portfolio

For more design resources please see:

Published September 14th, 2009 by

Looking for hosting? WPEngine offers secure managed WordPress hosting. You’ll get expert WordPress support, automatic backups, and caching for fast page loads. Visit WPEngine.

Join Our Newsletter!

Subscribe to our weekly newsletter chalked full of useful tips, techniques, and design goodies. We have 20,000+ loyal readers and counting! We’ll even send you a free e-book (Freelance Designer’s Guide to Multiple Income Streams) and a $10 discount on our most popular product the Freelance Starter Kit.

32 Responses

Comments are now closed on this post.

  • Dejan, September 15, 2009

    Great article, thanks for the mention!

  • Bianca, September 15, 2009

    This a fantastic post, thanks!

  • Phillipe Calmet, September 15, 2009

    Definitely a great list of resources. Thanks for sharing :P

  • Marius de Beer, September 15, 2009

    Thank you so much for the jquery links – I am always looking for new slider galleries. Great list of resources – you’re a rockstar.

  • Mars, September 15, 2009

    wow cool list of portfolio themes

  • Ashely Adams : Sticker Printing, September 15, 2009

    Loved the post. To all those waiting to launch their own portfolio sites, if this post doesn’t get you started, nothing else will. You know what I really liked about it? The sheer amount of inspiration that it provides. Good work.

  • Webmaster X, September 15, 2009

    Really nice post. I’ll be spicing my portfolio a little more after reading this :) ! Thanks.

  • Tutorial Lounge, September 15, 2009

    i really love most of listed resources which you sharing here. thanks

  • Åsel, September 15, 2009

    Very inspiering collection :-)

  • ligtv izle, September 15, 2009

    Great!!
    Thanks

  • erkasoft web tasarim, September 16, 2009

    really nice list. thanks.

  • Del, September 16, 2009

    Great list some fantastic sites listed here !

  • Fast List Building Blog, September 17, 2009

    I definitely agree with you guys. This list is great, i have checked the sites its really good. I get inspired in this post. I’m grateful for sharing this information to us.
    Lot of thanks.

  • web design constanta, September 17, 2009

    Some of them are really useful resources. It would be great to have the time to check them all out.

  • Web Gallery, September 18, 2009

    Endless amounts of inspiration. Lovely :)

  • Alistair, September 20, 2009

    Thanks for the countless amounts of inspiration, you have listed some great tutorials and the sliders and galleries are awesome, thanks for sharing them.

  • Professional Website Templates, September 21, 2009

    Very nice work, I feel this will help greatly in my portfolio design!

  • Waheed Akhtar, September 22, 2009

    Really nice stuff. I am planning to do a portfolio for my personal website and this list of inspiration would definitely help a lot.
    Thanks for sharing this. Also i would like to share 35 creative website and blogs for designers and developers list on my blog http://bit.ly/cKvcs
    thanks

  • Mark Carter, October 3, 2009

    Many thanks for sharing this list of lists! …. so many resources.

    I thought it interesting that many of the designs had more of a ‘corporate’ feel, rather than a ‘designer let loose at last’ type feel …..

  • Jose, November 23, 2009

    Im working in my portfolio

    http://www.joseacreative.com/

    You criticize please

  • David, November 25, 2009

    If you are using joomla you can look at http://www.portfoliodesign.org
    This is really good website for portfolio design.

  • Will, July 4, 2010

    This is a great round up. Inspirational stuff! Bookmarked :)