Designing an ecommerce website in Photoshop

Posted on January 10, 2010 Posted in blog, web design
Designing an ecommerce website in Photoshop

This is a video tutorial showing you how to design the homepage layout for an ecommerce site in Photoshop.

It’s based on a written tutorial from

Here is what the end end result will look like:


Here is the video tutorial:

Download the finished Photoshop file

Here are links to the fonts and images used in the tutorial:
Title font – Walkway
Featured area font – Delicious
cart icons – ecommerce icon pack
icons in featured area – stock photo from iStock
product images – 1, 2, 3, 4, 5

Post to Twitter Post to Delicious Post to Digg Post to Facebook Post to StumbleUpon


    • February 2, 2010

      This is a wonderful tutorial,, it has helped me alot. I use GIMP but the same basics apply, and now maybe I won’t have to spend High dollars for a website I can’t tweak.
      Thank You so very much,,, Hope you do more… I learn better by watching than reading ,, and I’m sure others are the same.

    • June 17, 2011

      I was very encouraged to find this site. The reason being that this is such an informative post. I wanted to thank you for this informative analysis of the subject. I definitely savored every little bit of it and I submitted your site to some of the biggest social networks so others can find your blog.

Leave a reply

Your Name
July 14, 2009


Mail (will not be published)



* Name, Email, and Comment are Required