Mobile Responsive Church Website Design 101
Website design is in a revolution that is unlike anything we have ever seen. Up until the last couple of years, all websites had a desktop screen that used a mouse and keyboard and went to a monitor. The biggest challenge with website design then was if you should create a website bigger than 640px by 480px as monitors became bigger as well as more browsers could make displaying your website complex and frustrating.
What Is Mobile Responsive Web Design?
With the rise of the mobile device, tablets and smartphones from Android based operating systems, Windows devices, or the giant iOS platform from Apple, we now have a new way of reaching people. Here are just a couple of the questions that mobile devices have brought up:
1) We have issues of smaller screen size with phones as well as larger and higher resolution screens with tablets. How can we make the website look good?
2) Another issue is that unlike the mouse for computers, we have fat fingers that are trying to navigate through the website. How do we make it easy to flow through the website while still looking good when someone is reading content?
3) Finally, load times across wifi are improving every day with higher bandwidth speeds, but mobile 3G and 4G speeds are still slow a majority of the time unless you are near towers or in open space. If a website takes too long to load, the user will ditch the website. How do we be visually appealing while still loading up quickly?
The solution is to create a new website presentation for mobile users than desktop users, thus the term mobile responsive web design. Now, this is not a debate for if a church should create an app or a responsive design. If you want to have that discussion, check out our post in November of last year. Instead, we want to look at how to create a mobile responsive web design for your church’s website.
Mobile Responsive Web Design Solutions
Here are several solutions that your church can take for your church website. Note that we give the positives and negatives of each, but it is up to your church, the importance of a mobile responsive web design, their dedication of resources, and the established goals that come of redoing your website.
1) Hire Someone To Redesign Your Website
This solution is the most powerful option that will reap you the best results for your website. It’s highly customized, optimized for your use cases, all of your website will show up, and your branding can always be present. In all honesty, the programmer is simply manipulating some CSS, testing it on different platforms, and getting the most out of your website. Nearly every Fortune 500 company goes this route because it is the best. The downside is that it will cost you more to go this route than any other. If you value your website, how you are communicating to your audience, and have the resources to do this, this is the option for you.
2) Purchase a New Website Design that is Responsive
This is the solution that I choose with my personal website when I bought a WordPress theme. You will pay a little more for a responsive design, but prices have become very competitive and nearly an industry standard now. If you are looking for a new website design anyways and would like to buy a theme package, this is a perfect solution. If you need some options, we have brand new 2014 web designs from people you can trust for great theme designs. Make sure the theme you buy is mobile responsive and if you are not sure, ask the developer. Do not buy a new theme without ensuring it will look great on a smartphone. The problem with this approach is that you are going to be a bit limited on your branding, flexibility of design, and fully integrating your website into the design. But the cost is much lower than hiring someone.
[Note from E-zekiel, one of CTT’s Premier Sponsors who offers responsive themes for churches: E-zekiel designs are cleverly built from the ground up to be responsive. Their designs offer smart and beautiful transitions for viewing websites on the desktop down to tablets, smart phones and other Internet-enabled devices. So your site will look great on big and small screens without you doing any additional work. View some of their latest responsive designs here.]
3) Use a Mobile Responsive Website Plugin
For some websites that run on WordPress, Joomla, or Drupal, there might be plugins that help detect what device is viewing your website and automatically change it. Solutions like WPTouch are designed to take what you have and convert it for you. What you get is a great design that is perfect for all mobile solutions. Even better, there are free versions of this available to you. Yet, the biggest issue is that the design you get on your mobile device will most likely be completely different from your church website and so if branding is important to you, then this is a terrible solution. More so, plugins do not account for church podcasts, special ministry pages, or other specialized web pages and can break your website. This solution should be seen as a temporary fix till you move to a better solution.