.png)
Speakout Africa is an NGO that focuses on helping children to deal with sexual abuse. The website focuses on raising awareness, providing support, and promoting the organization’s mission.
Not many NGOs have a website and many users face challenges in obtaining transparent and comprehensive information about the organisation’s visions, areas of work and impact, leading to trust issues and hindering their willingness to fully engage and contribute to the organisation’s cause.
To create a user friendly website which is easy to navigate through. It would allow users the opportunity to choose the area of the organisation to donate or volunteer to which would increase conversion for the stakeholders. Also to provide details for contact and FAQs sessions further ensuring its reliability and transparency.
My Client had already conducted research and had a list of features they were looking to build into the website and how they wanted it to work. But to gain more insights into the NGO market, I analyzed other NGO websites. I also applied my very own personalized five phases of the UX Design Process
Understand => Research => Ideate => Design => Test
Empathising allowed me to immerse myself into the user’s experience and thoughts to uncover deep needs and insights. I started by checking through a lot of NGO websites, charity organisations, health promotion networks, their users to learn everything I need to know about Non-governmental organisations and UX issues faced by users in this industry.
Here, I put together the information gathered during the Empathize stage, analyzed and broke down my research insights into chunks in order to define the core problems. I defined my problems and whom I’m solving for
Target Audience
Some HMW Questions
Ideation required a lot of thinking. I had to brainstorm and identify possible solutions to the problem. I made pen and paper sketches of a few iterations to answer the How Might We questions
For a better understanding of the users' experience with respect to our site, I created an information architecture that gives a glimpse of the framework the website would need to have. This Information architecture helped me identify areas for improvement and allowed me to optimize the user experience
This is the experimental phase where I drafted best possible solution for the problems identified during the first three stages
Next was the design proper.I’ll share a few screens here, explaining what each would help the organiation achieve.
First is the Home Page. It contains A hero section with visually appealing banner images and brief mission statements designed to slide after a 500milliseconds delay; An about us section that gives brief introduction to the NGO’s background and history; Campaign section; Results Metrics showing statistics of the NGO’s achievements and impact; Get Involved section; News section; FAQs section; Footer section and an intuitive nav bar.
Next, is the About Us Page
The “About Us” page aims to offer a brief and engaging introduction to the NGO, Explain the Mission and Vision, as well as, outline the specific objectives of the NGO. It also introduces the team members and their roles within the organization and offers links for contact or donation
Overall, this page aims to inspire visitors, build trust, and encourage them to support the organization’s cause in various ways.
Next, the Campaigns Page
The “Campaigns” page is a dedicated page that showcases the organization’s ongoing or past campaigns and initiatives.
It serves as a platform to inform visitors about the specific causes the NGO is actively working on and encourages them to engage, participate, or support these campaigns.
Another very important page is the “Donations” page
This page encourages visitors to support the organization financially. It is designed to provide a seamless and user-friendly experience for donors, making it easy for them to contribute to the NGO’s cause.
Its design and content was focused on making the donation process easy, secure, and impactful.
The News page keeps visitors informed about the latest updates, developments, and stories related to the organization’s work and the causes they champion. It also serves as a platform to share valuable information, insights, and engaging content with the audience.
The “Join Us” Page encourages visitors to become active participants in the organization’s mission and initiatives.
I conducted user testing with real users to gather feedback on the design, functionality, and user experience. Few changes were taken note of and implemented.
The goal of this website was to effectively communicate the mission, projects, and impact of Speakout Africa to its target audience. The website aims to engage visitors, inspire action, and foster support for the organization’s cause.
This was my first design for an NGO and came with a lot of mixed feelings. I went over and beyond to ensure i delivered the “perfect” design on the first presentation. But I learnt as a designer that such a thing as the “perfect design” doesn’t exist. I learnt that the best one can do is to do his very best, receive feedback, and then keep improving on it until the stakeholder/Client is completely satisfied.
Thank you!
If you have a project in mind, send a message now let's bring your visions to life.