Church Website Redesign

 
Role: UX Designer
Tools: Figma, Notion, Miro

My Designs 

The Challenge

Boon Church realized its outdated website was underperforming and failing to meet the expectations of its growing community. 

Key Pain Points:

• Outdated Design: The old website lacked a modern look, which made the church seem less welcoming and credible to new visitors.

• Poor Navigation: Users struggled to find key information like service times, events, or contact details due to unclear structure.

• Small, Hard-to-Read Text: Font sizes were too small for many users, especially older members, creating accessibility issues.

• Missing Engagement Features: The lack of interactive elements like a chat feature or updated sermon access reduced engagement.

• Limited Access to Important Pages: Users had to scroll or click multiple times just to reach commonly visited pages like “Staff” or “Contact.”

• Unclear Donation Path: The “Support Us” (donation) button was not prominent enough, leading to missed opportunities for giving.

• Lack of Map Integration: No clickable address or location link made it harder for first-time visitors to find the church.

Project Goal

Design a new website that makes it easier for church members and newcomers to: 

• Quickly access important information (services, sermons, events)

• Connect with the church community

• Participate in giving and volunteering

• Stay updated with church news

• Feel welcomed and supported—both in-person and online
  
  

The new design also aimed to support church staff with an easier-to-manage content system and a clear structure aligned with modern UX practices.

User Interviews

I conducted interviews with church members to learn about their experiences using the website. These discussions gave insight into their frustrations, expectations, and emotional needs when interacting with church platforms. 

Key User Needs

From research, I identified essential features the site needed:

• Clear service times and church location

• Updated events calendar

• Sermons and online worship archive

• Staff directory and church leadership info

• Donation (Support Us) functionality

• Church beliefs and community service info

How Might We…

I reframed the core problems into “How Might We” questions to spark solution thinking, such as:

• How might we help users quickly find key content like sermons or staff info?

• How might we make giving feel easy and impactful?

• How might we support people who are new or hesitant to reach out?

MVP Prioritization

I prioritized a focused set of MVPs based on user and business goals:

1. Highlight service times and sermons on homepage

2. Simple navigation with quick access to top pages

3. Responsive, mobile-friendly layout

4. Engaging, inviting visual identity

User Flow

Then, I mapped user flows to visualize how people would navigate the site—from discovering the homepage to donating, joining a service, or exploring events. 

Usability Testing

I tested the prototype with five real users and gathered feedback as they completed tasks (e.g., finding a sermon, checking event details, donating). 

Insights:

• Fonts were too small to read comfortably

• Users weren’t sure if they could click the Sunday Service section to watch sermons

• “Support Us” button wasn’t prominent enough

• Users wanted quicker access to Staff and Contact pages

• Sermon dates were unclear

• Users wanted the address linked to a map for directions

Key Improvements

• Increased font size for better readability

• Added clear, clickable sermon CTAs

• Made “Support Us” button bold and sticky

• Added direct shortcuts to Staff and Contact pages on homepage

• Clarified sermon dates and added visual hierarchy

• Embedded a map link with the address

Impact & Feedback

“Now I feel comfortable asking questions—I just use the online chat.”
—Church Member

What I Learned

• Nonprofit websites aren’t about selling—they’re about inviting, guiding, and building trust

• Genuine, warm design goes a long way in user engagement

• Usability testing revealed small tweaks that made a big difference

• Calls to action are essential for participation and connection

Feature Added Post-Launch

After hearing that users were hesitant to ask faith-based questions in person, I added an anonymous online chat feature—giving people a safe, private space to engage.

Final Outcome

The redesigned Boon Church website provides a stronger foundation for connection, faith, and community building. The new platform is:

• Mobile-friendly

• Easy to navigate

• Aligned with users’ real needs

• Welcoming and engaging for both new and returning visitors