ChurchApp Adaptive Web Design and Blog on CMS Platform

Once we'd released the first set of ChurchApp accounts to our BETA testers, it was time to announce our plans to the world and build the ChurchApp marketing site to showcase what we'd built.

The site was designed and built in-house, showcasing not only the application's features but also the distinct graphical style of ChurchApp, from the icons used, to the style of the header and navigation sections, everything about the site is intentionally consistent with the ChurchApp brand.

Adaptive Web Design

When building the ChurchApp site we wanted every user to have the best experience possible—those visiting the site on desktop, tablet, or mobile devices included—we therefore incorporated a technique known as adaptive web design into the building of the ChurchApp site.

Adaptive web design is based on the idea that a site should adapt to the device it's being viewed on, with content displayed appropriately for the devices screen size and resolution, rearranging parts of the content, altering font and image sizes, and generally tweaking parts of the design/layout to optimise them for each of the distinct categories of devices.

The ChurchApp Blog

One of the ways we wanted to be able to communicate with our customers was via a dedicated ChurchApp blog, a feature that's part of our dpanel news module. The blog makes use of a variety of customisations on a post-by-post basis, allowing each blog post to have a unique identity, with a different icon, link, and post image all defined within the dpanel.

The blog not only allows us to communicate with customers easily and quickly but also supports all the functions you'd expect from a blog platform, with categories, permalinks and auto-generated site maps. There's even an option to include comments from third-party comment hosting service diqus.