Sbitar - UX of donating directly towards the needed equipment

The site shows you the pressing needs of hospitals, you can contribute by transfer or card, we ensure the purchase and delivery of needs.
Sbitar.org
COVID-19 Hospital Relief Project
image

Background & context

sbitar.org is a fundraising site for hospitals in Tunisia. The site shows you the pressing needs of hospitals, you can contribute by transfer or card, we ensure the purchase and delivery of needs.

It was on a couple of weekends where I could volunteer and lend a hand as the sole designer on a team of 5 delivery people, 2 software engineer, and one marketer.

Problem Statement

Since overcrowded hospitals have been a source of devastation for a number of states here in Tunisia, the challenge was to create a community with each hospital-neighboring donors.

ℹ️ Tackling this problem warranted my role to be wearing two hats, one marketing design hat, and one other product design hat.

User acquisition

The goal of getting donations had to developed through a marketing strategy. To acquire users, we needed to put forward the impact that site users (i.e. donors) are causing. This transcended from a marketing/business problem to a subset of design problems. We needed to let the need (i.e. the product a user is donating towards) to be the focal point of the user journey on the site.

📌 There was a debate within the team about the primary color to use. I advocated for a hospital like colors (e.g. teal) to emphasize the user impact from home by seeing hospital like colors and feel more involved in the frontline work that is being done by hospital staff.

Selling people on donation

The idea behind designing simple social media posts of items that are necessary for hospitals was the first to sell to the public. Through a campaign named: عاون_سبيطارك_من_دارك#

English translation: #help_your_hospital_from_home

Initial designs of social media posts
Initial designs of social media posts

Donation experience

The user experience on the site needed to be about the need, where, how urgent, the money left for the need to be fulfilled. Take a look at the Figma prototype or the live site (more up-to-date).

The user journeys needed to involve seeing hospitals and validating the legitimacy as well as the inclusion of hospitals in a such delicate process, as opposed to government-led donation campaign that collect money and then allocates it.

User activity

After the digital campaign, the site collected donations in orders of magnitude, helping towards 17.6% of the hospitals' needs in the first week only.

Impact

Our team tried to expound the value of the donation so we ensured that our user interactions showcase the value, urgency, and goal of the donation. This made a plethora of users invest their time and money in donating to the website. Up to now, the site fulfilled 55% of its ever-increasing listed needs.

Social media post showcasing the impact given the typed amount
Social media post showcasing the impact given the typed amount