UX Case Study
This is a UX-redesign for True Life Community Church in Troy, Ohio to enhance the overall usability and user experience of the site. This project is an explorative, student led project. I was not hired by this church for this redesign, however I sought to solve an existing UX problem within their current site.
Class UX Redesign Project
The Problem
TLC has an opportunity to make important information like their next steps process, dress expectations, and Sunday school, clearer to first time visitors. Improving usability on these aspects of the site will help new visitors feel confident, welcomed, and prepared to visit the church.
How Might We
- Eliminate confusing “next step” processes
- Create clearer navigation elements to guide the user to the desired page of the site
- Improve overall information architecture of the site
The Process
Using the double diamond process, I was able to research and define the usability problem with Guerilla testing and user surveys. I was then able to explore solutions and refine the final design by developing user personas and paper prototypes.
User Testing Results
User testing and surveys allowed me to narrow down the key issues within the site. These issues were a confusing next step process, no proper attire information, and a confusing Sunday school page.
Data Analysis
Through user personas and affinity mapping, I was able to identify common user needs, understand visitor frustrations, and recognize opportunities to improve the website’s navigation, accessibility, and overall experience for both new and returning church members.
Wire Framing
Wireframing allowed me to map out the structure and layout of the website before moving into the prototyping process. By establishing the placement of content, navigation, and key features, I was able to create paper prototypes that could be tested with users. This made it easier to identify confusing areas, gather feedback, and make adjustments to the overall user experience before developing the final designs.
Final Redesign
The final redesign focuses on creating a more welcoming, organized, and user-friendly experience for True-Life Community Church. The updated homepage introduces visitors to the church through its values, service times, and opportunities to get involved, making important information easier to find. The Next Steps page breaks down the process of getting connected into three simple steps, while also highlighting available classes and answering common questions. The KidsQuest page provides a clearer overview of the children’s ministry and simplifies the registration process for families.
Throughout the redesign, I incorporated consistent typography, a cohesive navy and blue color palette, engaging photography, and clearer visual hierarchy. Overall, the goal was to make the website easier to navigate while helping first-time visitors better understand the church, its community, and how they can get involved.
Mockups
Mockups helped me visualize how the redesign would translate into a real-world website. They allowed me to see how the layouts, content, and overall design would work in practice and how users would experience the updated site.