Role Product Designer
Timeline 6 months
Team GiGi Andre (Communications Director for The Church at Clayton Crossings) and myself as the Product Designer
Process UX Research, Information Architecture, Visual Design, User Testing
Embedded Files
A New Front Porch
A New Front Porch
Welcome to the case study of our church website redesign project. Our goal was to improve the first impression of our website by streamlining the menu and enhancing the homepage to make it easier for new visitors to find what they were looking for. This project was a collaborative effort involving user research, design, and implementation, all aimed at improving the user experience.
Opportunities: New visitors struggled to find essential information due to a cluttered menu structure. This presented an opportunity to redesign the website's information architecture to enhance user experience and engagement.
Opportunities: New visitors struggled to find essential information due to a cluttered menu structure. This presented an opportunity to redesign the website's information architecture to enhance user experience and engagement.
The Solution: I created a new information architecture map for the church website. This plan streamlined the menu and updated the homepage to enhance user experience, making it easier for visitors to find essential information and get involved with the church community.
The Solution: I created a new information architecture map for the church website. This plan streamlined the menu and updated the homepage to enhance user experience, making it easier for visitors to find essential information and get involved with the church community.
A Look in the Mirror
A Look in the Mirror
We kicked off the design process with a user study to uncover the pain points of our church website. Our communications director rallied a group of participants who tested the site using the Maze user testing platform. Their feedback was invaluable, showing us exactly what needed fixing and setting the stage for some golden opportunities to address pain points and make the church website a joy to navigate.
Too Many Menu Options
The homepage navigation menu lists nearly every page, making it a bit of a maze for users.
Limited "Connect" Path
The "Connect" path only lists "Events" and "About Us," missing out on key ways for users to find opportunities to serve and receive discipleship.
Messy Navigation
Important resources for visitors and opportunities for engagement are scattered, making it tough to find what you need.
Proposed Information Architecture
Proposed Information Architecture
To tackle these issues, I reorganized the church website by restructuring key sections to make navigation simpler and more intuitive.
Design & Implementation
Design & Implementation
We focused on simplicity, accessibility, and mobile responsiveness to create a clean layout. The implementation was a team effort, closely collaborating with the pastor and elder team to align with the church's mission.
Less Primary Tabs
Less Primary Tabs
I reorganized the website menu to decrease the number of primary tabs from 6 to 4. This made it super easy for users to find the general area they were looking for—like skipping straight to the dessert section of a menu when you know that's all you really want! I also reduced the number of pages and redesigned the navigation bar for enhanced visibility of menu options.
Quick Action
Quick Action
I added a quick action bar to the mobile version of the website, featuring options for phone, email, address, giving, and watching online. This made it super convenient for users to access essential functions with just a tap, enhancing their overall mobile experience.
Backseat Blessings
Our team developed a convenient Link Tree for the church, allowing members and visitors to easily connect with various church resources. By scanning a QR code placed on the back of chairs, users can access links to event registrations, sermon notes, submitting prayer requests, and more.
RESULT
RESULT
Post-redesign, we received positive feedback from users who found the website easier to navigate and more engaging. Metrics showed increased visitor engagement and reduced bounce rates, indicating the success of the project.
Post-redesign, we received positive feedback from users who found the website easier to navigate and more engaging. Metrics showed increased visitor engagement and reduced bounce rates, indicating the success of the project.
WHAT I LEARNED
WHAT I LEARNED
Redesigning the church website taught me that user feedback is invaluable. Sometimes, your problems aren't what you thought they were, and incorporating user feedback can lead to a much more effective and user-friendly design.
Redesigning the church website taught me that user feedback is invaluable. Sometimes, your problems aren't what you thought they were, and incorporating user feedback can lead to a much more effective and user-friendly design.
FUTURE SCOPE
FUTURE SCOPE
Continuous User Testing: Conduct regular user testing to gather feedback and identify areas for further improvement.
Enhanced Mobile Experience: Optimize the website for mobile devices to ensure a seamless experience for users on the go.
Interactive Features: Add interactive features like event calendars and volunteer sign-up forms to boost engagement.
Page updated
Google Sites
Report abuse