top of page
Siphephiso_v6_logo

Siphephiso Fundraise site consultation

Project overview

THE PRODUCT: Siphephiso Fundraising website

​

Website for adding in a register for fundraising events and donation collection for community building in Eswatini. The charity website already exists but the project intended to build in site capability.

Project Duration

​

August - September 2021

THE PROBLEM

​

Working professionals who want to contribute to alleviating service delivery challenges in Eswatini through action events they are interested in.

mockuper front landing page

THE GOAL

​

The Goal of the project was to provide an easy-to-navigate platform that helps independent fundraisers create events and submit donations to the Charity. The site would also provide information for projects that currently need funding.

MY ROLE

​

UX Researcher, UX Designer

RESPONSIBILITIES

​

  • UX Research

  • Conducting User Interviews

  • Digital and Paper Wireframing

  • Designing & Testing UI

Understanding the User

User research summary

Primary research that was conducted entailed conducting usability studies with potential donors and event organisers. These were professionals working in Eswatini and in Diaspora to assess what their usability needs were and help they may need on organising events.

 

In the user interviews we evaluated the user flow of the website from landing to donation submission and if submitting an event entry was achievable without strain or outside help. We asked participants to give suggestions on features that could make the process easier to use.

User research: pain points

Shareability

​

Actions on site or event submissions need to be more ‘shareable’ through links to other sites and social media.

Complex Donation

​

Users wanted a donation experience that was as seamless as possible with few steps and information at every step to guide to payment.

Support Info

​

Users felt like the site needed more detailed information on how the donation from events would be used in projects.

Persona generation

Problem Statement

​

Mary Mamba is a agricultural economist

who needs a website to register her fundraising event because she wants to donate to a charitable organisation in her home country.

Siphephiso Persona

User Journey Map

Mapping the user journey of how useful it would be to have example event submission prior to user submitting their own to show the potential of the service.

User Journey Map SP Siphephiso

Design procedure

Sitemap

For this project the goal was to develop simple sitemap to funnel users to the donate page and create fundraising event pages within the same journey.

Sitemap Siphephiso

Paper wireframes

The goal of the paper wireframes was to create an informative and simple format with a focus on functionality. The design needed to focus on being as least straining as possible.

​

The site needed to show responsive capabilities and paper wireframes were constructed for Tablet, Mobile and Desktop typical viewing formats.

paper wireframe UI Siphephiso

Digital wireframes

After feedback additional link to create event and donation were created to funnel to user flow

By including additional buttons and links on support page after fundraising information increased streamlining of the site to fundraising and donation pages.

mockupersupport us rnd2 Siphephiso

The different responsive page variations displayed information on how to engage and support first with buttons to proceed in the User Flow. And as well included examples of previously submitted events for inspiration

Support Us page initially just linked to social media with a short description

mockupersupport us rnd1 Siphephiso

Low fidelity prototype

The user flow begins and returns to the Home page using the flow or the navigation bar which is a hamburger menu on smaller displays.
Most pages have easy access to the conversion process and lead to fundraising or donation.

Wireframe Prototypes Siphephiso

Usability Study

An unmediated Usability Study was conducted with prompts asking users to navigate and conduct specific actions such as submitting events. KPIs that were measured were Time on Task, Drop off rates, Conversion rates and User Error rates.

Capture3 Siphephiso

Mockups

Design principles were used with curated text to guide users to create their own event while allowing them to discover inspirational events

mockuper(1) Siphephiso
mockuper(2) Siphephiso

The fundraising event user flow needs to take into consideration that users may not have participated in independent fundraising events before and provides ample information and support for guidance

mockuper hi fi deskyop fundraise Siphephiso
Support us page Siphephiso
Bottom of homepage Siphephiso
event submit mobile Siphephiso
Menu mobile Siphephiso
What we do mobile Siphephiso
Support us mobile Siphephiso

High fidelity prototype

The User flow started on the Home page leading to the donation page or fundraising page through the navigation bar/menu.

Adding in necessary confirmation pages builds confidence in the usability of the entire site.

prototype Siphephiso

Accessibility considerations

Website colours were kept on brand, subtle and simple to focus on websites functionality and drawing users to donation action. 

Different sizes of display resolutions each had multiple iterations for donors who access the web on different platforms and form factors.

Text was curated in hierarchy which gave the Information Architecture straightforward route for screen readers.

Takeaways

IMPACT

​

The impact of this project was to increase the relief effort for Eswatini during the COVID pandemic and create future frameworks for diaspora with funds to support aid projects that they believe in and have real-life impact. The independent fundraising event framework will also assist in international community building.

WHAT I LEARNED

​

Trust, Respect and transparency are very important in the Charity industry when creating appeals for users.

Next steps

Continue to work with the Charity organization to improve website accessibility and conversion rates on site by trialing different content IAs.

Support and develop example fundraise events blog page to continue to push inspiring content.

Build network of charity organisations to potentially other websites with a greater social impact.

bottom of page