Cathedral of St. Louis

Website Design

The Backstory

At the beginning of the pandemic, Msgr. Henry J. Brier, the rector of the Cathedral Basilica of St. Louis, in St. Louis, MO, wanted a better way to engage with parishioners. With unfortunate limitations on in-person attendance, he quickly realized that his parishioners’ attention would shift to the Cathedral’s online presence and he came to us looking for a solution.

Their old website felt dated, was unusable on mobile devices, and failed to convey the transcendence and beauty of this historic church. Unlike most Catholic churches today which have about a 50/50 split of users on desktop vs mobile devices, the Cathedral, because it’s an historic destination, receives 66% of its traffic from mobile devices. It was therefore necessary to build an easy-to-edit, mobile-friendly website capable of meeting all their needs.

The Challenge

The Strategy

User Experience and Information Architecture

Interactive Cathedral History Timeline

Web Design

New Website

Why it Works

Our approach focused on a simpler, more navigable menu for an active, complex Church. We ensured tourists could easily navigate to their information and parishioners to theirs by properly categorizing pages.

Updating the visual quality of the website allowed us to create consistency in styles for buttons, headlines, and calls-to-action. These visual clues improve the user’s experience by helping their eye to jump from element to element based on similarity in style so they can more easily find what it is they’re looking for.

Improving the way that users interact with the Cathedral Basilica of St. Louis helps build “brand loyalty.” Brand loyalty in this case means that a person is more likely to return to the Cathedral’s website and take a second action. We focused on improving the experience by improving communication and creating multiple points of contact with the parishioner.

Former Website

Don't DIY Your Website

Sign up for incredible client stories, tips, and tricks straight to your inbox.

"*" indicates required fields

This field is for validation purposes and should be left unchanged.