Redesigned to enhance child sponsorship engagement
⚠️ Signed under NDA:
Due to a non-disclosure agreement and to protect client confidentiality, some details may be intentionally vague.
Client
ERDO
Project type
WordPress Web Design
Time
July – August 2021
Tool
Figma
Client
Lead designer
Overview
About Project
Revamp the system
As part of this huge re-design project, ERDO goal was to streamline the donation process, encourage more sponsorship and support easier data management. The existing system was outdated and inefficient for updating and collecting donor information.
The problem
Integrating new systems into WordPress
How to design to help both client and end users
To understand the existing system and its limitations, I collaborated with the project manager, senior analytics and wordpress developer to understand some logistics of the non-profit systems that we use. I also analyze the current state of the site and here are some key findings.
Research and insights 01.
Analyzing past user interface
Complexity of options
The old design had too many options at once and lacked clear and direct pathways, for example payment options were not immediately visible and the layout of the screens were not digestible or organized.
Research and insights 02.
Learning about systems to shape the next steps
Data collection challenges
Due to the fact that it was old, it made it harder for the client to manage donor information and carter to them.
New system integration
The plan is to incorporate Raiser’s Edge NXT (RE NXT), a system that allows for improved data tracking and management.
Research and insights 03.
User flow charts to break things down
User experience Issues & solutions
Donors found it challenging to take action that many preferred to call the client to help sponsor a child as the website was not easy to follow. With this information, it helped create new flowcharts taking into account multiple use cases to identify areas for improvement and design a more streamlined and intuitive user experience. This helped influence the next steps: user interface.
Design and Implementation
Applying to the user interface
Few steps into the final
Since this was a part of a larger project, we skipped the wireframing phases because the discovery process, wireframes and visual design had already been completed. I used the new colour scheme and typography to ensure consistency with the existing aesthetics and share our ideas to the client. With the new system in mind,I ensured the compatibility with RE NXT was crucial for both the design and development phases.
Results
Over 100+ children has been sponsored
Successful post – launch
Following the launch, the new design significantly impacted the client’s goals. Within a few months, over 100 children had been sponsored through the new platform, with ongoing sponsorship continuing to grow. The improved user experience and streamlined data management contributed to this success.