Browse
Modern Church Website Design

Modern Church Website Design

Posted July 9, 2015 by Jerod Clark

Websites are about first impressions. Within a few seconds, someone visiting your site can start to understand who you are and begin contemplating if your church is something they want to explore more. One of the biggest turn-offs for users is a site that looks like it hasn’t been touched for years. As you think about what first impressions you want your church to make online, here are some keys for modernizing your website.

Image driven. A good first step is to add more images to your website. A better second step is to make them bigger. I laid out my case for using more images and videos in previous posts (here and here), but the truth is we live in an image driven culture. Visitors to your site are not going to sift through endless text to learn about you. They will quickly glance at the images to start deciding if your church is for them.

Example: James River Church – Get Connected Page

 

Example: Central Community Church - Church Life Page

 

Minimalistic design. Along with big images comes the need for less writing. Simple, minimal design leaves room for content to breathe. Open space creates breaks between different content areas and makes the site easier to navigate. Simple design isn’t easy. It takes a lot of restraint, editing and learning to say more with less.

Example: Doxa Church

 

Example: The Oaks Fellowship

 

A guided experience. One of the most confusing parts of a website can be figuring out where to go to find the information you’re seeking. Think about the key audiences that will be coming to your site. What info do they need? What problems are they trying to solve? Use that information to structure your homepage in a way that creates clear paths of where someone, like a first time visitor, should focus their attention and click to get more information. Every piece of content you create should have a clear answer to “what do I do next?” Figure out your call to action and create the navigation to make that happen.

Example: Gateway Church

 

Example: Watermark Church – New Here Page

 

Example: Northstar Church

 

Real representation. Visiting a church website should be like walking through the front door of the actual building. Think about the culture of your church and what it’s like to be a part of that. How can you show that on your website? Photos help, but think about colors, writing style, atmosphere, passions, programs, community, people and life-changing stories. The worst thing you can do it present yourself different online than in person. Often church websites don’t show the full greatness of who you are in person, and that’s a great problem.

Example: Black Rock Church

 

Example: Glad Tidings Church - Stories Page

 

Device indifferent. Your website has to function regardless of which device someone is using. Whether it’s a smartphone, tablet, laptop or desktop, people want your site to work on whichever platform they’re using. Responsive design, which adjusts a single website into different arrangements based on screen size, is a great way to make your site ready for a device of any kind. A mobile-friendly site is also increasingly important, as Google takes that into consideration in search result rankings. If your site is not optimized for mobile users, your spot in search results will fall. (You can check if Google thinks your website is mobile friendly here.) 

Example: City on a Hill

(The image at the top of this post is a screenshot of the Christian Centre homepage.)

Filed under: Branding, Communications, Website, Design/Layout, Mobile

About the Author

Jerod Clark

Jerod joined ReFrame Media in 2007 and built Church Juice from scratch. He poured all his passion for branding, marketing, and messaging into the ministry, publishing e-books, blog posts, and speaking at conferences to help churches energize their communications. He also served as ReFrame’s in-house graphic designer. Before beginning his work at Church Juice, Jerod was a local TV news reporter. In 2016, Jerod stepped away from the ministry to pursue interests in marketing and communications on new horizons.

Don't miss a post

Join our email list

Comments (7)

  • Jordan
    10:43 PM
    Sat, Jul 11, 2015

    Hey Guys - this is a really great list of things to consider - and the examples are lovely. It does get me thinking though - there is an overwhelming consistency to the overall look of almost all these sites. I’m not sure if that is a bad thing or not - but it’s quite noticeable. Would love to know your thoughts?

  • Eric Dye
    3:34 PM
    Mon, Jul 13, 2015

    These are awesome!

  • Jerod
    4:11 PM
    Mon, Jul 13, 2015

    @Jordan: The similar look is a good point. I think part of that has to do with the fact they are all using modern trends like large, filtered images with text, flat design, bright colors and open space. The other part probably shows some of my own personal bias in design preference.

    Here are a couple of other sites with long lists of good church website examples that may show a little more diversity in design:

    http://churchrelevance.com/resources/top-75-church-websites/
    http://prochurchtools.com/63-of-the-best-church-websites-in-2015/

    In the end, it’s all about being true to who you are and creating a site that best tells your story. If you do that well, it’s less of a problem if it looks similar to another church’s website. 

    @Eric: Thanks!

  • Kevin Fontenot
    1:36 PM
    Fri, Jul 24, 2015

    Great list! Here’s a great tool for all the DIYers out there that want to take a stab at creating their new church website: http://ministryreach.net/

  • Tyler
    10:44 AM
    Wed, Aug 19, 2015

    Really quality resource for churches! I love everything your organization is publishing. How do you think the material design trend that google is going to be pushing for, is going to affect the church website design world? https://www.google.com/design/spec/material-design/introduction.html. Here at https://ministrywebsitedesigns.com/ we’ve worked with thousands of churches all over the country, supporting their design and branding or providing them with tools to do it themselves. We’d love to share this article with our clients if its alright with you?

  • maria p
    12:01 AM
    Sat, Sep 24, 2016

    Religion is a part of every people. but with the younger generation have become more techie, most of the religion or churches made their own websites and blogs as it attracts youth to become part of them and believe in the word of the of God.
    I know one church has a website https://www.amrowebdesigners.com

  • Smithc389
    9:49 AM
    Wed, Mar 1, 2017

    What is the website that means it is easy to understand podcasts and blog sites? I don’t get an iPod, does that make any difference? . bgcfkkgddgakdeae

Leave a Comment

Share your thoughts about this blog post with us.
All fields are required.

Recent Posts

Say it Like You Mean It
Say it Like You Mean It
0

Posted July 16, 2019 by Joel Gorveatte

We can often be frustrated by a lack of engagement with what we are wanting people to know and do. What if that could change? Here are 4 questions to answer before the next time you communicate.
Won’t You Be My Neighbor? A Guide to Reaching Out to Your Community
Won’t You Be My Neighbor? A Guide to Reaching Out to Your Community
1

Posted July 9, 2019 by Kristen Eleveld

You want to help your church be part of its community—but how can you make that happen? Here’s how you can reach more people in the neighborhood and on your church campus.
Communications Isn’t Sexy
Communications Isn’t Sexy
0

Posted July 2, 2019 by Owen Scott

When we think of our dream job in communications we have a pretty sexy picture in our mind. Lattes, hand-lettering, and designing to our hearts content. But communications is not sexy. Sometimes it can be downright painful. But is it worth it? I’d think so.
Step by Step Process to Keep People Engaged Through the Summer
Step by Step Process to Keep People Engaged Through the Summer
0

Posted June 27, 2019 by Tyler Rominger

Here are four simple steps to surround your ministry with a healthy level of enthusiasm and interest throughout the busy summer months.
The Case for Apps
The Case for Apps
0

Posted June 25, 2019 by Ernesto Alaniz

A well-executed app can drive engagement, increase connection, and bring true blessings to many within and outside our walls.
No, Your Church Doesn’t Need a Custom App
No, Your Church Doesn’t Need a Custom App
2

Posted June 18, 2019 by Bryan Haley

For many of us, we’re tired of our church being “behind the times.” We want our church members to have better access to the multitude of information, content, and communication available to them each day. So why not create a mobile app?
3 Ways to Reach Families with Special Needs in Your Church
3 Ways to Reach Families with Special Needs in Your Church
2

Posted June 11, 2019 by Kristen Eleveld

If you are struggling to think of ways to reach the special needs community in your church, you are not alone. Here are a few ideas to help you launch your communication campaign to include people and families of all abilities.
Fundraising in your Community
Fundraising in your Community
0

Posted June 4, 2019 by Tyler Rominger

We live in a culture that prizes actions taken on behalf of those that are in need. Invite your community to participate and invest themselves in their local church’s efforts. You’ll be surprised at how warm the reception to such a call to action can be.
Should You Be a Church Communications Specialist or Generalist?
Should You Be a Church Communications Specialist or Generalist?
1

Posted May 14, 2019 by Robert Carnes

Church communications pros often come in two different varieties: either you’re a specialist, or a generalist. That may be obvious, and you may already know which category you fall into. But it’s still interesting to consider if there are advantages to one over the other.
You’re Not the Boss of Me
You’re Not the Boss of Me
1

Posted May 8, 2019 by Owen Scott

Working in a team is essential to survival in ministry. But working in community is often easier said than done. Here are some practical tools you can put in place to lead effectively in your team environment.