design

How I DIY church websites using paper

Designing a website is hard. It’s even harder when you don’t know code, or HTML or JavaScript or whatever it is that they call it. There are a lot of technical processes involved, and it can become a complete mind boggle when you sit down to put a website in action, and you’re stuck at the very beginning. 

Um, how do I do this? 

I can tell you that if this is you, you are not alone. Lots of small churches are feeling the same struggle. You need a fancy looking website to keep up with the fact that 90% of your visitors will find you there, but you don’t have the time, money, resources or know-how to make it happen. 

So you do your best!

Big pats on the back for you, my friends. Volunteering for a church can take a lot of time and effort, and is often a thankless task (you’ll get that reward in Heaven, folks ;-) . 

But today I thought, why not put together a tutorial that will take a little bit of the strain out of the web design process for you? 

So, paper-lovers rejoice, because I am showing you how I design church websites using paper! I am so excited to show you this tutorial today, I’ve got so much to share (there’s a video and even a little take-home freebie for you), so stay tuned. 

Feel like listening instead of reading?

Before designing a website:

1. Talk to your pastor

You’re probably worried that the design process is a slow one. Well, it can be, certainly. But one way to combat making a great website, and then having it evaluated and having to make time-consuming changes, is to first and foremost, talk to your pastor (or whoever is in charge). 

Your pastor has a vision for your church, and could potentially view the church in a very different light to you. They may want to highlight certain points you hadn’t thought of, place an emphasis on families or events or welcoming etc., or they might want to include absolutely everything that has ever happened in the history of your church! That’s okay, so long as you are both on the same page.

Here’s a few points you might want to discuss with them:

  • Their vision for the church
  • The church’s mission statement, and how the website should reflect that
  • Critique you current church website together (if you have one)
  • Decide what information you want to include on the website
  • Make a list of who will be updating the website once its up and running
  • Look at some other church websites together and make a list of the things they like and dislike
  • Figure out a budget for the website (I recommend Squarespace which will set you back around $12/month)

2. Find a platform

Like I said earlier, I highly recommend Squarespace to you if you’re new to designing a website. It’s user-friendly, affordable, and looks great no matter what. You can find out more about Squarespace and my favourite templates here

If Squarespace isn’t an option for you, there are other great platforms out there such as Wordpress, Wix or Weebly. 

Now, onto the tutorial! 

Here’s a quick summary with a few bonus tips:

1 | Brainstorm

Have a brainstorming session where you think of absolutely everything that you want to add to the website. You can do this with your pastor, but there might be extra things that you want to add too. It can be anything and everything - from having a dedicated events page, to adding in an email sign-up form, to the fact that you want information about the women’s Tuesday night Bible study. 

Once you’ve got it all out of your head and onto paper, it will become a little clearer as to where you can fit everything in that you need to.

2 | Categorise into your navigation

Your navigation is the bar at the top of your website that has a whole bunch of options of different links you can click on. So, usually it might say ‘Home’, ‘About’, ‘Contact’, etc. This may seem like a small part of the process, but your navigation is really an organisational hub for your entire site. Its where visitors will look to access the information they need, so the titles of your navigation need to be logical, and help point your visitors in the right direction. 

You should also try to limit your navigation to 4-5 tabs. For instance, in my church’s current website navigation, there is a whole tab just for ‘Church Rosters’. You can easily fit this information in, but it needs to be ‘filed’ under a more general tab, with other information just like it. So, it could be under a tab titled ‘Resources’ where you can then put other information too, such as Bible studies, sermon recordings, or blog posts. 

3 | Design your website on paper first!

This may seem like a total waste of time, but, like anything, planning is key to doing things once and getting them right the first time. In the video tutorial, I show you exactly how I draw out my websites on paper first. This is such a great strategy because rather than just opening up Squarespace and trying to figure out what you want to say, what you want where and then how to do it all at once, we can separate those tasks so you can avoid some major overwhelm. If you’re not a paper-lover, then you could take the same idea and plan out your website on the computer, using something like Publisher or Pages. 

The simplest way to draw out what your site will look like is to find a template for your site, and copy the general look of the sample site, but adding in your own words, rough ideas for pictures, icons or logos, and buttons. You can dream a little as to what it might look like, then use the draft you’re making to then go into your website and figure out how to put it all together. 

I hope this tutorial and ideas were helpful for you. Let me know your website struggles and if there are any tutorials you’d love to see in the future! And, if you loved todays training, hit share and spread the love to your friends!

Creating beautiful sermon graphics with no design experience

Now is not the time for Clip Art! I grew up using Clip Art, and, just like my childhood, Clip Art is in the past. Let me introduce you to Canva, where you can create beautiful sermon graphics with ease using templates and my secret stock photo websites. I’ve even got a video tutorial for you + you can take home the graphics I create in the video. Sound good? 

Sermon graphic in 5 minutes

Today we’re talking all about putting together beautiful sermon graphics with zero graphic design experience. Don’t fret, it CAN BE DONE! I promise!

With a couple of simple tools and a few ideas under your belt, you’ll be designing great graphics in no time! However, before I jump full steam ahead into a tutorial video, I first wanted to lay down a couple of things that you should keep in mind while designing sermon graphics. 

1 | Versatility

This may seem like a strange principle to put first, but let me explain its importance. See, if you’re doing a sermon series, its really worth putting together some great graphics that you can use for weeks and weeks to promote the series both on social media and at church. This will save you SO much time and effort, guaranteed. The easiest way to do this is to create one graphic with interchangeable elements (such as texts, photos or backgrounds) and then reuse that graphic for each different sermon. So, when you’re designing, don’t make life difficult for yourself! 

I like to stick to a simple formula:

2 constant elements + 2 versatile elements = versatility

So, I may not be a formulaic genius but this formula makes it super simple to keep the graphic versatile. You’ll see in the tutorial video that my two constant elements are the title of the sermon series, and the transparent box that sits behind the subtitle. My two versatile elements are the subtitle (or the title of the sermon for that particular week), and the background, which I simply change out with a picture depending on the theme.

2 | Keep It Super Simple

This is the age old adage (you might know it as Keep It Simple Stupid or the KISS principle) that really speaks for itself. See, even though God has given us incredible brains that can take in a lot of information, we really just prefer looking at things that are beautifully simple. It also makes the graphic more memorable. And, even better, it’s going to save you time and effort, and look better when push comes to shove. 

So, what can I put on a sermon graphic?

+ 1 Series title

+ 1 Sermon title

+ 1 Image

+ 1 Decoration element (optional - such as a shape or line to highlight words)

That. Is. It. That’s all you need! 

 

Okay, I’ve put together a pretty great tutorial video for you, so I’m going to let myself do the talking and let you watch it here:

I hope you enjoyed the video! If you’d like a copy of the graphics I made in the video you can get free access to my resource library to download them and a host of other super handy church comms PDFs. Happy downloading!

5 FREE websites that will boost your church graphic design

No matter what your church is like, you’re bound to have graphic design needs. It might be your weekly newsletter, your youth camp registration form, or advertising and social media graphics, but whatever your needs, graphic design can often be either a) time consuming or b) expensive. If you’re lucky, you might just run into a combination of both!

Fortunately, people are working round the world non-stop to help you out with these problems, and I’ve compiled a shortlist of my favourite, go-to resources that will help you win at church graphic design. 

Without further ado...

5 Free websites that will boost your church graphic design

1 | Graphic design | Canva

Canva is quickly becoming a favourite for many people. I may have a soft spot for them because they are Australian, however don’t let this turn you off! Canva is the ultimate resource for free, easy-to-use graphic design. ANYONE can use Canva. I repeat, ANYONE. 

Simply sign up for free or log in using Facebook; Canva will save all of your designs online, let you use a multitude of templates, give you access to free icons and fonts, and best of all, they have thousands of designs that you can edit to suit your needs.

2 | Photo editing | PicMonkeyPixlr

PicMonkey is the Canva of photo editing. It is simple, free and churns out beautiful photographs with ease. You can adjust contrasts, crop, burn and dodge, draw on your photos or write on top of them, remove blemishes, add filters…the list goes on. 

Pixlr is free photo editing software too, though its a little bit harder to use, and a little bit more like Photoshop. If you’re keen for a learning curve, Pixlr can help you produce gorgeous photos for all sorts of church media.  

3 | Free stock photography

Okay, this isn’t ‘one website’. But over the years I have collected an army of great websites that give away free, aesthetically pleasing stock photos. These are not your regular, cheesy stock photos of bowls of fruit and toothpaste-commercial-families. These are photos that you’ll be proud of when you add them to your designs, and that you can guarantee are from this century.

Three favourites are:

unsplash.com

pexels.com

stocksnap.io

4 | Fonts | Google Fonts

Fonts can get preeettty expensive, especially if you’re looking for something in particular. Thankfully, Google has come to the rescue with plenty of free, downloadable fonts for you to peruse. All of their fonts are optimised to be easy on the eye, so you can be sure that your church-goers will be able to read your writing! 

5 | Infographics | easl.ly

This is quite a new one to me, so I’m not a pro yet. But, if you want to create infographics, easl.ly is easily your best bet. Infographics are often time consuming and require a lot of skill, but they are such valuable tools for sharing information with your church! You can create an infographic to share in church, or something to share online, simply with a few clicks.

I hope these tools have helped you! If you'd like to check out more tools that I recommend for small churches, simply hit the button below and you'll be given access to my free resource library, where you can download my Master List of Must-have Tools for Churches!