Editor’s Note: Elliot will be doing a talk called “The Perfect Portfolio Site” on the FOWD Tour.

This is the second video in our two-part series focusing on how to design a killer portfolio site (feel free to check out Part One).

In Part Two you’ll learn …

1. How to ‘design in the browser’
2. How to take your design from Photoshop to HTML and CSS
3. How to integrate your design into a CMS like WordPress
4. How to structure your CSS files
5. How to enrich your design with CSS3
6. How to use ‘custom fields’ in WordPress to make powerful templates
7. How to use Webkit Transistions to add extra beauty to your site

30-Minute Screencast

You can also download the hi-res video if you have a Vimeo account.

If you’re a freelance designer, you know how important your portfolio site is to your business. Therefore, we decided to commission Elliot Jay Stocks, a well-known web designer, to film two 30-minute screen-casts on “How to Design a Portfolio Site.”

In part one Elliot gets you started by covering these points …

1. The Three Key Concepts that make a portfolio site
2. Nine amazing portfolio sites to learn from
3. How to build great case studies to reinforce your expertise
4. The Ultimate Portfolio Checklist
5. How to add visual flair in Photoshop during the design phase
6. How to use Narrative Theory to strengthen your portfolio

In Part II, he’ll be jumping into some HTML and CSS to show you how to build your portfolio, and integrate it into a content management system.