Church Web Design

webpage design

 

Church Web Design Options:
Today’s website development technology allows you to create a website without knowing much about HTML code or other Web-authoring scripts. These content management systems (CMS) make it easy for you to add text, photographs, graphics, and other multimedia components to build a dynamic website. First up are the Open Source CMS programs that are free to download and use to design your website. These include:

Each of these programs varies in its degree of difficulty to master and its flexibility with dynamic content. Some provide online support and how-to manuals or tutorials. All (with the exception of Wordpress) will require a hosting service to publish your webpages to the Internet. Generally, you will need to register your domain name and set up email accounts, but these may be included with the hosting service you choose (see below).

There are a few popular Web-authoring software packages you can purchase that may require a bit more technical know-how and may not be as easy to use; however, they are industry-standard programs that many people use to create webpages and upload them to a host server. These include:

To compare prices of these popular programs visit the TechShop for discounted computer software rates.

Next up are the Web or template-based CMS programs great for church web design and development that are very easy to use and require little or no technical experience. Generally these also include hosting, domain name registration and email accounts in the monthly fee for the services. Options here include:

Pricing ranges from as little as $12 per month (E-zekiel) to more than $100 per month depending upon the services and options you select. Most allow you to upgrade as your Web ministry needs expand. To explore a more comprehensive list of CMS solutions for churches, visit the Great Church Websites page and select the “Choose a CMS” tab.

Whether you are using a template, designing your website from scratch or a combination of the two, there are a few tips to consider so that your webpages are visually appealing and readable by visitors to your site.


Web Page Design

Every website has a specific set of layout designs for its pages. Generally, a website’s homepage will have one design that is slightly modified for main section and subsection pages. In all cases, though, the site navigation menu should stay in the same location regardless of the minor changes to design for main section and subsection pages. It is a best practice to place main site navigation menus across the top or down the left side and to repeat the main site navigation menu at the bottom of each page.

 

People typically skim or scan webpages in an “F” pattern looking first across the top then down the left side and then into the middle of the page. Therefore, you want to place you most important information in these eye-tracking hotspots. Likewise, people will linger on a page longer if there are images alongside text versus pages of text only. That said, you don’t want to overdo it with too many images. Use a two or three column layout with some “white” space and clean, uncluttered design.

It is a good idea to limit the length of your webpages to a maximum of three letter-sized pages. If at all possible, keep the most important information "above the fold" or within the viewable area of the webpage when it opens in the browser. People will scroll down below the "fold" but only if they believe what they are looking for might reside there. Never make a page that must be scrolled beyond the "crease" or the right side of the window.

Colors and Fonts
Your web page design should make use of strong contrasting colors and easy-to-read font styles. Use light colors on dark backgrounds and dark colors on light backgrounds. It is a best practice to avoid color combinations that are hard to read, such as red and green, green and yellow and blue and yellow.

Select only fonts that are supported by most browsers, such as Courier, Times New Roman, Arial, Helvetica, Georgia, Tahoma, Trebuchet, Geneva, and Verdana. If you are using a font that is not widely supported by browsers, create the text as a graphic so it displays as you intend. That said, it is not a good idea to make all your text into graphics since these cannot be searched by search engines for keywords and they will take longer to load when the page is accessed.

For the body text on your pages, do not place the font size lower than 10 pt. Likewise, make heading font sizes larger than body text font sizes, and make heading fonts a different color in bold to set them off from the body text.


Sample Designs

To get an idea of good church web design,  visit these United Methodist churches websites:  

 

Other online design tips:

_______________

Suggested websites are for example only. United Methodist Communications neither endorses or guarantees the reliability or terms of use and services for these suggestions nor does it benefit in any way from listing the websites as examples or by subsequent use of a third party directed from this site.

Contact Us

This will not reach a local church, district or conference office. InfoServ* staff will answer your question, or direct it to someone who can provide information and/or resources.

Phone
(optional)

*InfoServ ( about ) is a ministry of United Methodist Communications located in Nashville, Tennessee, USA. 1-800-251-8140

Not receiving a reply?
Your Spam Blocker might not recognize our email address. Add this address to your list of approved senders.