Saint Mary's Episcopal Church

St. Mary’s Episcopal Church has an enduring history in Eugene, providing a friendly and all-inclusive environment for over 150 years.

When St. Mary's came to us ready for a modern website, they knew they needed to retain some of the features of their old site, like sermon transcripts and an embedded Google Calendar of the church's events. They also wanted to take advantage of their large collection of high-quality photography and incorporate online giving.

We designed a site that matches the aesthetic and atmosphere of the church's building and prepared 16 banner images that St. Mary's can cycle onto their homepage to keep it looking fresh and seasonally relevant. We integrated MoonClerk and Stripe so patrons can give to St. Mary's easily and securely from the website.

The catalog of sermons is easy to use and navigate for both visitors and staff. Sermons can be filtered by category, speaker, topic, or date. In addition to transcripts, staff can upload audio recordings of sermons that automatically get published as iTunes podcast episodes.

To display their Google calendar events in a clean and responsive format we used a JavaScript jQuery plugin called FullCalendar. This allows St. Mary's to continue using the system they have used for years, but renders the calendar in a customized design to match the site. Additionally, we extended the plugin so visitors can dynamically turn on/off different categories of events without extra page loads.

The site is built on Squarespace’s SEO-optimized web authoring platform. We tailored the framework to deliver our custom designs while maintaining Squarespace’s responsive functionality across all devices and user-friendly content management system.