WORK // UX/UI // Generous Church Website
Generous Church exist to catalyze generosity through global church and ministry networks. They believe Biblical generosity is about disciple-making, not fundraising.
The creative ask was strategize and design an updated website. Keep reading to see the process or to see the final launched site, click here.
THE PROBLEM
The website, meant to serve leaders around the world, was not accessible to all: it wasn’t mobile responsive, it lacked language translation and lacked strategy to make it easy for different types of leaders to access what they needed.
THE SOLUTION
Design a website that clearly articulates the audience Generous Church serves, is accessible in many languages, mobile responsive to be accessed from anywhere and create clear content hierarchy for church leaders to easily navigate to the resources they need.
THE PROCESS
The process was highly collaborative amongst the client, designer and development teams. Since the client had a clear outline of their target audience and their goal to refresh their current website, our process was easy to outline:
Competitive analysis - define the landscape that this website would live amongst as well as research the current target audience
Website map - organize current website content to create structure and easy navigation
Define technology - we knew that we needed a website that the client would be able to update as their needs changed and that we needed to incorporate a language translation plugin. We decided to move forward with Wordpress being our best solution to set Generous Church up for future success
Wireframes - illustrate the site map and content strategy onto low fidelity designs
Usability testing - testing amongst users to usability and readability
Homepage mockups from approved wireframes - the client was presented with three different website designs to choose from which would help inform the rest of the site design
Website design - high fidelity mockups presented to client with final content in place
Development hand-off - art files and UX/UI guidelines created for easy hand-off. These included but were not limited to: font size outlines, animation guidelines, button states, image dimensions, etc.
Development/Design QA - a process of back and forth to be sure that designs translated into beautiful web design.
Website hand-off - this hand-off to the client included their new hosted website and access to all art files and technologies
SAMPLE SOLUTION
To see live website solution, click here
