Skip to Main Content

Incorporating Responsive Design into Twitter Facebook Print E-mail
Written by Rob Goates   
Wednesday, 29 August 2012

In October of last year, The Church of Jesus Christ of Latter-day Saints ran a media campaign right in the heart of New York City, in Manhattan, to raise awareness of Mormonism and encourage those who were curious to visit What the Church found was quite interesting.

“Because our advertising ran entirely in out of home placements, we noticed that a significant number of visitors were viewing the site on mobile devices,” said Ron Wilson, senior manager of Internet and advertising in the Missionary Department. “This information was used to present a plan to the Missionary Executive Council who approved the development of an engaging mobile solution.”

The engaging mobile solution that ICS and Bonneville Communications came up with redirected mobile users to a new website. But when they realized it wasn’t optimized to fulfill the need they were looking for, ICS recommended responsive design for the best user experience.

Responsive design is an approach to web design in which a site is crafted to provide an optimal viewing experience – such as easy reading and navigation with a minimum of resizing, panning, and scrolling – across a wide range of devices from desktop computer monitors to tablets to mobile phones.

“’s ultimate goal is to provide content to everyone, everywhere, regardless of the device they may be using,” said Katrina Kennedy Archibald, a front-end developer of the website. “We want people to have the best experience possible when they are accessing our website content. We found the best way to do that was through responsive design.” responsive design

Left – on the desktop; Right – on a mobile device. There’s just one site, but responsive design allows the site to display in optimal ways according to the device. Note that the responsive design shown here is not live yet -- it will be released in October. 

International demand also encouraged the team to look for ways to optimize content on mobile devices. The Church found that more Church members outside of the United States are accessing the available content from mobile devices, not desktops.

“As we release international versions of, we need to do mobile well,” said Katrina. “We need to be giving people the best possible experience.”

To test the responsiveness of the site, the team also received help from the talent and involvement of LDSTech community volunteers.

“The community is an amazing asset in the testing process,” Katrina said. “We have gotten really great input from them. We plan to have volunteers test even more in the future because the community has so many more devices than we have at Church headquarters. We need them to test it as much as they can.”

The number of mobile devices, especially with Android, can be daunting. When you also include the variety of languages, carriers, locations, and Church units, the possibilities multiply. Community volunteers can provide a lot of help to the Church in testing on their own devices.

By providing the gospel message more optimally on mobile devices, Ron said they are helping with the Lord’s command to have the gospel go forth to all the world.

To learn more about, visit – either on your computer or mobile device.



# Clinton Kopotic 2012-08-30 14:41
That looks great! I hope to see responsive designs across other sites, especially the Local Unit apps that don't have a mobile app available yet.
# Clinton Kopotic 2012-09-16 22:23
Quoting Clinton Kopotic:
That looks great! I hope to see responsive designs across other sites, especially the Local Unit apps that don't have a mobile app available yet.

I've been using the new Local Unit apps a bit more and found out that the Newsletter is responsive to screen size. It's very helpful to use on my iPod touch.
# BobCapel 2012-08-30 15:56
Other websites built with responsive design: and DeseretIndustri
# John M. Shaw 2012-08-31 06:51
Fantastic approach, bleeding edge technology used in sharing the gospel --> I love it!
# Hotels da nang 2013-03-05 01:07
Me too Lol
_______________ _______________ _____________
Hotels da nang , thanh lap cong ty , dich vu visa
# Leon 2012-09-10 20:39
It's great how the site is becoming responsive. Right now, I think the best site than needs to be (mobile first) responsive are the scripture pages. Imagine all the mobile web browsers that don't support the Scripture Library apps, now able to view online with ease.

Please Sign In in order to post comments.


Learn how to become a full time or part time Missionary.