PSDFan Extra

Members Area Tutorial: Design a Clean, Engaging Church Website

Members Only Tutorial

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

If you sign up today you get access to over 450 design files, including tutorial source files, members only tutorials, vectors, icon packs, texture packs and more! You can also access our huge collection of .psd website interfaces such as this one.

Members Area Tutorial: Design a Clean, Engaging Church Website

Final Image

The result of this tutorial is shown below:

What You Will Learn

This tutorial is very in depth, and covers the design techniques listed below:

  • Learn how to construct a clean, usable and engaging website layout from scratch.
  • Learn how to photo manipulate an attractive welcome area.
  • Learn how to work with masking correctly, and utilize a totally non-destructive workflow.
  • Learn how to integrate subtle design details to add focus and professionalism to your website.
  • Learn how to create effect call-to-action buttons to engage your viewers.
  • Learn to master color balances, and construct an appealing color palette for your design.
  • & Much More!

Learn how to create engaging call-to-action buttons, that are stylish, but not distracting.

Learn how to photo manipulate an attractive welcome area to engage and entice your viewers.

Learn how to focus on the subtle elements of design, and spend additional time on elements such as lighting, contrast and other visual details to really add a level of polish to your final design.

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


  1. Eric Vasquez says:

    Very nice looking layout Tom! I like the swooping lines and the use of texture. The overall structure of the site is very clean and intuitive. Nice work!

  2. MarkT says:

    I think this design is terrific; looks like a tutorial worth seeing. :D
    I recently re-designed a logo for a church and would’ve loved to get my hands on reworking their website, too. Mind you, it wouldn’t have looked as good as this!

  3. Lisa says:

    So happy you did this one! Glad to see you really do listen to your fans :) Thanks.

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.