Designing an ecommerce website in Photoshop
Posted on January 10, 2010 Posted in blog, web design
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 designm.ag.
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
2 Comments »
Leave a reply
Your Name
July 14, 2009
* Name, Email, and Comment are Required






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.