Create a Stylish Portfolio Site Design in Photoshop

This first of a two part tutorial series will go through the process of building a simple and stylish portfolio website design. We’ll begin by designing the concept in Photoshop and fleshing out every little detail before cutting up the design and building it all into a working website next week.

The design we’ll be building is a simple single page website that’s made up of basic header with a short introductory sentence, a series of portfolio items each with a title and description, then the page ends with a stylish contact form in the footer. The idea for the portfolio items is to show the letterbox style thumbnail, then use some jQuery magic on the finished site to expand the letterbox to show the whole graphic, but you’ll have to wait until next week for that!