Is Your Church Website Mobile Friendly?

I have a tiny computer in my pocket. I bet you do too. I won’t lie, I’m super excited about that. According to an Internet trends report by Morgan Stanley, by mid 2013 more people in the U.S. will have the Internet on their smartphones than desktops. In many parts of the world, the smartphone is the only Internet because over the air technology is all the country really has that is even close to modern.

So what does that have to do with church marketing you ask? Everything. More people will be surfing the web on their phone than on their desktops. Yes smart phones can display most websites at a scale, but how much fun is that? Tiny text and drop down menus make me leave a site pretty quick. We can fix this tiny, zoomed out view by building media responsive websites.

What is Responsive Design?
Technically it’s fluid width content and site styles. It’s making content 100% of the available width and letting the text wrap to fit the screen size. Phew, that was easy right? OK seriously, you want a great looking site, blocks of content left, middle and right, dynamic sliders, recent sermons on the home page and the list goes on. So how do you get an amazing dynamic site that is equally amazing on a smartphone?

Great sites that work on all devices have a clear focus on the content, what’s important, and priorities. All sites and churches will have different needs, but I can guess that communicating who you are, when you meet, and how to get there are at the top of your list.

So first off, work backwards. What are those top key things and how does a user get there? What are the top five most popular pages on your site now, and how do people get to those pages? Really getting into the weeds with your content, site analytics, and knowing your audience will be critical in your planning.

Responsive Sites in Action
Visit these sites, and resize your browser window (sorry IE9 and under users, IE does not support media queries and just displays the desktop view)

Notice on all four how not only do they squeeze to fit, but the content re-wraps, images adjust and menus update to fit the finger friendly needs of a smartphone.

So how do you get to responsive design?

Read the rest of Matt’s article here.

Download PDF

Tags: , ,

| What is MyVisionRoom? > | Back to Communication >

ABOUT THE AUTHOR

Matt Adams

Matt Adams is a full time web designer for factor1, a digital creative agency located in Tempe, Ariz. He and his wife have twin boys and spend more hours cycling than most sane people can imagine.

See more articles by >

COMMENTS

What say you? Leave a comment!

Recent Comments
Sorry, the author of this content has removed the links at the original source!
 
— VRcurator
 
The hypertext link is broken for the pdf download - can it be fixed? Thanks!
 
— Steve Elliott
 
What happens when u dont have a meeting place any more. And u was forced out because the buliding wasnt available any more.
 
— Debra
 

Clarity Process

Three effective ways to start moving toward clarity right now.