ChurchTrac was seeking ways to increase their sign ups, increase product offerings, and decrease the loss of customers to competitors.
The stakeholders decided that re-designing the landing and content pages, as well as the church management web application would be the starting point to accomplish these goals.
ChurchTrac is a cloud based SaaS church management solution that enables churches and ministries to manage members, events, attendance donation and more.
Stakeholders: CEO & Lead Developer, VP, Customer Support Manager, Marketing Specialist & myself the Front-End Web Engineer.
Timeline: 2-3 weeks for the landing & content pages
I followed IDEO’s human-centered design process to to assure that
my design decisions were supported by research and feedback.
Additionally, there was a kick off session between myself and the other stakeholders of the company, in which we extensively discussed several years of user feedback . We also discussed development constraints and best practices. Lastly, I spent several days familiarizing myself with the current software and landing pages, as well as our competitors.
After synthesizing the research using Affinity Sorting , I was able to see many patterns emerging as it relates to the issues the customers were having with the current interface.
It confirmed the decision to redesign the user interface.
“Would probably not have used product if not already enrolled. Its like engineers developed it apart from users.”
“The interface looks pretty old school, first website built look.”
“The interface is not very modern or user friendly. It has the feel of software from about 20 years ago.” ”
“A little old school looking... Would love to see the look of it come a little further to appeal to our millennial staff.”
“Everything was clunky and aggravating to accomplish what we needed. Lacked a lot of common features. Needs updated UI.”
Over the years, ChurchTrac was continually getting complaints about the usability of the website and software. They had an issue with the user interface looking antiquated and not meeting modern design standards. As a result they were losing customers to their competitors.
The features must of the web app must be incorporated into into the new landing page. The features page will be eliminated.
The site must have a login, sign up, pricing & support page. The login, sign up and support pages will not have a menu.
The old website must be converted from Bootstrap 3 to Bootstrap 4 framework, to align with new Boostrap standards.
The new website must be cross-browser compatible and responsive on a variety of small, medium, & large devices.
ChurchTrac runs the risk losing existing customers due to changes in the user interface of the website & web application.
The ChurchTrac website could lose search engine ranking due to change in content on the website.
I then used Adobe XD to create wireframes of the ChurchTrac landing, pricing, sign up, login and support pages.
After meeting with the lead developer, we collectively created the design system.
To comply with my non-disclosure agreement, I have omitted the findings of the usability testing.
To comply with my non-disclosure agreement, I have omitted confidential information All information in this case study is my own and does not necessarily reflect the views of ChurchTrac.