PSDFan Extra

Members Area Tutorial: Design a Professional Ecommerce Website

We’re Listening To Our Community!

PSDFAN is currently running a giveaway to celebrate the launch of it’s new VIP Members Area.

For the giveaway we’ve asked you guys what kinds of tutorials and content you would like to see in the members area. We’ve been getting loads of awesome responses and we’re keen to give you what you want!

That’s why today we’re publishing a super useful tutorial walking you through designing an ecommerce site from scratch. A few of you asked for this tutorial, so we hope that you enjoy it!

Remember – you can let us know what content YOU want to see, and who knows, we could be publishing your requested tutorial next week!

Members Only Tutorial

This tutorial is available exclusively to our VIP members. In order to read the tutorial and download it’s original .psd source file you must sign up as a member.

If you sign up today you get access to over 185 .psd source files, as well as our weekly members only tutorials and other content!

Design a Professional Ecommerce Website

Final Image

The result of this tutorial is shown below:

What You Will Learn

This tutorial teaches you:

  • Visual Hierarchy
  • Lighting Effects
  • Content Placement
  • Texture Integration
  • Working With Advanced Blending Options
  • & Much More!


Learn how to construct complex menus and content areas with ease!


Learn to pay attention to the details of design, through subtle lighting and blending options.

View the Tutorial

You can view this tutorial using the link below, but remember, in order to do so you must have a VIP account.

Download Source File for this Tutorial


About the Author:

Tom is the founder of PSDFAN. He loves writing tutorials, learning more about design and interacting with the community. On a more interesting note he can also play guitar hero drunk with his teeth.

Leave a comment

7 Comments:

  1. Imon says:

    Ok now I need to buy a members account….
    great looking tutorial

  2. Easy enough tutorial, really useful as well! I see you have something similar on your site here, built with WordPress? I would be interested to go in and build a module for WordPress that incorporates this, would really be cool to run a blog like that.

  3. Tom says:

    Imon: Thanks! I hope you enjoy the tutorials if you purchase a members account.

    Inside the Webb: I’m glad liked the tutorial! Are you refering to the PSDFAN design as being similar?

  4. Dejo says:

    Cool background idea…

  5. Melody says:

    Is creating a members only area easy to do? Was wondering about doing it myself…

  6. Amberly says:

    Nice Lay out.. Just waiting to see the Live site..

  7. I’m sure this tutorial is great, even if you need to be a member to read it :)
    I’m missing some notes on how to “convert” the design tutorial to a real eCommerce website like one powered by Magento.

Leave a Comment:

Related Posts

Your Design Work, But More Awesome:

Do you know the basic tools in Photoshop but feel that your work is still looking average? Join our creative community at FanExtra and get the direction you need to take your work to the next level.

JOIN OUR FANEXTRA COMMUNITY TODAY