The site evangelizacion.org.mx is a platform focused on the Catholic community, offering resources, training, and support on evangelization topics, with donation and resource purchase options.
With the growth of its audience, the need to improve the user experience arose, as some users were having difficulty navigating and finding specific content.
Additionally, opportunities were identified to enhance the visual appeal of the site to maintain user interest and strengthen the connection with the audience.
Together with Ariana García, UX designer, and her design team within Evangelización Activa, we worked on the general UX research, wireframe creation, high-fidelity visual design, and usability testing to carry out the redesign of this website, considering the broad market experience. Our goal was to improve both the interface and the transition between sections.
Research Objectives
Conduct usability testing to identify friction points and areas for improvement in navigation, the conversion process, interaction with specific elements, and the site's visual perception. The goal is to implement improvements that make the site more intuitive, accessible, and visually appealing, increasing user satisfaction and site effectiveness.
Methods
Over 600 online surveys were applied to their database, 6 one-on-one interviews with site users, and 5 usability tests were conducted online.
All user profiles targeted by EVA were included in these tests.
Additionally, as research methods, a benchmark study was conducted, and usability principles were applied.
Key findings
We discovered that the main friction points were the overall slowness of the site, the difficulty in finding specific sections and information, lack of visual appeal, and a general lack of awareness of all that EVA offers on its site.
Creation process
Based on the research findings and the evaluation of materials to keep, restructure, or discard, we created a simplified flow of steps to facilitate a shorter and easier navigation, regardless of each user's goal when accessing the site.
The navigation was redesigned so that users could complete the process and access all the tools that EVA offers, with the daily gospel being the focal point.
The way content was presented, including text, audio, and videos, was restructured to bring dynamism to the site, as well as to provide clearer organization.
We gave greater prominence and consistency to the Donation section.
We also moved away from the idea of separating the website from the platform for taking courses, making the website a preliminary step to access the course catalog.
Prototype design
The visual design followed a modern and user-friendly approach, utilizing the brand’s colors.
With a fairly wide color palette, we were able to use different colors as identifiers for each section, and the combination of these (gradients) was used to refer to EVA as a whole.
A sans-serif font was chosen to ensure clarity across all devices, providing a modern and simultaneously friendly image for all users.
Key components:
Thanks to the entire design team, we redesigned all the components of the site to be as consistent and clear as possible, ensuring a proper visual hierarchy.
Additionally, suitable colors were introduced for the implementation of the dark mode in the interface.
Usability testing
This prototype was used in usability tests with 4 users, who provided feedback on the ease of use and speed of the process.
Results and learnings
Testing results: Users reported a significant improvement in understanding the course search flow and access to the daily gospel. The average time to complete various tasks during the usability test was reduced. One adjustment we made after testing was the addition of a sticky element to keep contact information and EVA's social media links readily accessible.
EN 
ES