Saint John’s Episcopal Church

Saint John’s Episcopal Church

Agency   Bowstern

Role  Lead UX/UI + Developer

St. John’s Episcopal Church is a vibrant community serving its congregation in various spiritual, social, and educational capacities. However, with the evolution of digital communication and changing congregational needs, there arose a pressing requirement to revamp its online presence. In doing so, we met the needs of its diverse community, focusing on implementing a calendar, archive, rebrand, and central hub for congregates while ensuring scalability through a robust CMS.

Client Needs

Rebranding: The client seeks to update its brand identity to better reflect its values, mission, and vision. This involves refreshing the website’s aesthetics, typography, color scheme, and imagery to create a modern and cohesive digital presence that resonates with both current and prospective members.

Calendar Integration: The church desires a dynamic calendar feature to showcase upcoming events, services, and activities. This calendar should be easily accessible and navigable, allowing users to filter events based on categories such as worship services, community outreach, or youth programs.

Archive Functionality: St. John’s recognizes the importance of preserving its rich history and wants to establish an archive section on the website. This archive will contain historical documents, photos, and videos chronicling the church’s journey, enabling congregates to delve into its heritage.

Central Hub for Information: St. John’s aims to become the primary source of information for its congregates, providing easy access to announcements, newsletters, sermons, volunteer opportunities, and other relevant content. The website should serve as a centralized hub where users can quickly find the information they need.

Scalable Content Management System: It’s crucial to implement a CMS that allows administrators to manage and update website content effortlessly. With the church’s activities and community engagement evolving over time, the CMS must be scalable to accommodate future growth and changes without requiring extensive redevelopment.

Success Points

Increased Engagement Metrics: Monitor website analytics to track metrics such as page views, time spent on site, and interaction with key features like the calendar and archive. A successful outcome would be a noticeable uptick in user engagement, indicating that congregates are actively using the website to stay informed and involved in church activities.

User Feedback and Satisfaction: Collect feedback from congregates through surveys, focus groups, or user testing sessions to gauge their satisfaction with the redesigned website. Positive feedback regarding the ease of navigation, accessibility of information, and overall user experience would indicate a successful outcome.

Calendar Event Attendance: Measure attendance at church events, services, and activities listed on the website’s calendar feature. An increase in event attendance following the website redesign suggests that congregates are effectively utilizing the calendar to stay updated on upcoming events and engage with the church community.

Archive Access and Engagement: Track metrics related to the usage of the archive section, including the number of visits, pages viewed, and downloads of historical documents or media. A successful outcome would involve increased traffic to the archive, indicating a heightened interest in the church’s history and heritage among congregates.

Brand Perception and Recognition: Assess changes in brand perception and recognition through surveys or social media sentiment analysis. A successful outcome would involve improved brand recognition and positive perceptions of the church’s identity, reflecting the effectiveness of the rebranding efforts implemented as part of the website redesign.

Content Management Efficiency: Evaluate the efficiency of content management tasks performed by administrators using the CMS. Success can be measured by factors such as the time required to update website content, the ease of adding new pages or events, and the ability to scale the website to accommodate future growth without significant technical challenges.


The redesigned website for St. John’s Episcopal Church successfully addresses the client’s needs for a comprehensive online platform. With integrated calendar and archive features, a refreshed brand identity, and a centralized hub for congregational information, the website serves as a valuable resource for both current and prospective members. The scalable CMS ensures that the website can adapt to the church’s evolving needs, supporting its mission of fostering community, spiritual growth, and outreach.

Site Architecture