Project type

Academic

Role

UX/UI Designer

duration

dESIGN SPRINT - 1 WEEK

tools

Figma
view prototype

donate: hydrate

Donate: hydrate was created to help users with self-care while also helping a good cause. Users were able to monitor their water in-take by using the app and in turn any ad revenue generated would go back to charity: water.

The Team

Aekta Patel

UX RESEARCH LEAD

Belinda Kwan

UX dESIGN LEAD

Overview

We were tasked with the job to create awareness and increase charitable giving for the not for profit organization charity: water.

Charity: water already has a website that is quite intuitive, but we noticed they did not have a mobile application. Through research, we found that more people are donating through mobile apps versus desktop websites.

Our goal for this design sprint was to design a user friendly mobile app that helped the donation process be easier. Through research we found that increased empathy leads individuals to engage in charitable giving. We also wanted the app to help users with their self-care.

We focused on building an app that let users track their water in-take, while educating them about the need of clean and safe drinking water across the world.

SECONDARY RESEARCH

The State of Charitable Giving

Charitable giving has seen a significant decrease in the past few years.

There was a 10.5% decrease in charitable giving from 2020 to 2022

There was a 28% increase in charitable giving through mobile devices

Due to this we decided to focus on designing for a mobile app.

There was a 20% decline in empathy among millennials

36% of Americans fight empathy burnout with self-care

People are more likely to contribute to charities when they have empathy

PRIMARY RESEARCH

What Users Said

Interviewees mentioned struggling to find a balance between care for themselves and for others.

33% of interviewees had experienced using an app that links health care such as step tracking to fundraising.

Users were open to the idea of an app based on ad revenue to help fund charitable donations as long as the ads were minimal and non-intrusive.

DESIGN CHALLENGE

How Might We?

How might we motivate Millennials and Gen Z to integrate self-care with their charitable empathy towards others in their daily routines?

persona

Meet Erica

Erica is a mix of all the interviewees that were interviewed

LEt's prototype

Mid-Low Fidelity

view prototype

LISTENING TO USER FEEDBACK

Usability Testing

Four usability tests were conducted for 30 minutes each.

Users were between the ages of 18 to 36 and lived in North America.

The feedback was to enhance visibility by improving the visibility of icons. Some users were confused by the words "give more" and did not understand that it was to donate more, we decided to change the wording to "donate more", to make it more intuitive.

Users also expressed that the hydration goals screen was not intuitive. We decided to add a calendar with the days of the weeks so it would be clearer.

ADDING COLOR

Hi-Fidelity

We used the same colors used on the charity: water website and kept the UI in line with their brand.

view prototype

next steps

Marketing on charity: water Website

Our next step would be to develop a marketing webpage to be added to the existing webpage to inform users about our mobile app donate: hydrate. We designed a desktop and mobile versions of the website.

view desktopview mobile