top of page
Screen Shot 2021-09-20 at 8.24.20 PM.png

REACH is your new transparent donating platform.

reach mock up ipad.jpg
5cf1d3033b29a29dd01c2e05_product.gif

REACH is a responsive web-Designed to effectively inform our users of natural disasters, and to provide our users a transparent donating platform, where they can feel confident in their donations. 

IMG_0049.jpg

TIMELINE: 2 Weeks

TOOLS: Sketch, InVision, Figma

RESPONSIBILITY: Research & UX/UI Design

WHAT'S THE CONTEXT?

REACH is an early-stage concept design. Our team were tasked with identifying an opportunity to design a solution within the natural disaster space.

​

We decided to design a trustworthy donation platform, where victims of natural disasters can receive help from our potential users, who wish to provide aid for victims & support the cause.

 

I was responsible for creating flow charts, wireframes, clickable prototypes for usability testings, and annotated presentation decks to be shared with stakeholders. 

SINCE 1970, THE NUMBER OF DISASTERS WORLDWIDE HAS MORE THAN QUADRUPLED TO AROUND 400 A YEAR.

SOURCE: THE ECONOMIST

20170902_WOC211_1.png

SOURCE: THE ECONOMIST

EACH YEAR, NATURAL DISASTERS
TAKE APPROXIMATELY 90,000 LIVES...
& AFFECT NEARLY 160 MILLION PEOPLE WORLDWIDE.

SOURCE: WORLD HEALTH ORGANIZATION

THE CHALLENGE

Create a donation platform to aid victims of natural disasters.

 

 

To better understand our users. We began with:

 

  • Online Surveys. all gender, ages 18-45, has a history of donating to a cause or a desire/interest to donate to a cause.
     

  • In-person & Over-the-Phone User Interviews. Series of questions were prepared for our interviewees, chosen from our list of surveyors. The interview aimed to gain insight into how our potential users have donated in the past, and understand their goals & pain points, when it comes to making donations.

KEY TAKEAWAYS:

IMG_0199.jpg

They found out about donation opportunities through word of mouth and/or social media.

  • Social validation gives users confidence.

  • Design for devices used most for social medias; mobile & desktop.

IMG_0200.jpg

Worried that their donation wouldn't reach the right people.

  • Confirmation of their donation, successfully reaching its' final destination, will give users confidence.

IMG_0202.jpg

Donated in ways that were most convenient to their lifestyle.

  • Donations tend to be made when presented in an everyday setting.

IMG_0203.jpg

Donated to causes they felt an emotional connection to.

  • Emotions impact decision-making; sadness & surprise.

  • Decision to donate happens spontaneously.

IMG_0204.jpg

Expressed they needed to feel confident & wanted confirmation in the delivery of their donation.

  • Expressed need for credibility of the platform, though no one proceeded to research into the legitimacy & quality of the platform.

IMG_0049.jpg

USER PERSONA

Untitled_Artwork.jpg

DIGITAL DEVICES

mobile+phone+multimedia+phone+smartphone+icon-1320168217591317840.png
LAPTOP-icon-png-free-pik.png
800773-200.png

"I FELT COMFORTABLE BECAUSE OTHER PEOPLE I KNEW WERE CONTRIBUTING TO THE DONATION. WORD OF MOUTH IS A BIG PART OF WHAT I USE TO DETERMINE THE LEGITIMACY OF AN ORGANIZATION."

Kate just saw the news about a hurricane that hit Panama City displacing thousands of people from their homes. Kate has a friend that lives there who she finds out is safe, but whose home was completely flooded. Kate wants to find a meaningful way to donate to victims, but doesn’t know what organizations to donate to, trust or who her money will even go to.

​

A few days later she gets on Facebook and sees posts from some of her friends encouraging people to donate to the Red Cross in support of the hurricane victims. Kate doesn’t know much about the Red Cross but ends up donating since her close friends donated there. She’s left worried that her donation won’t reach the Panama City community. 

JOURNEY MAP

We found that the we had opportunities to:

​

  • Inform Kate about donation opportunities at the time she finds out about a natural disaster.

  • Create more transparency in her donation: how it’s being used and how it helps affected communities.

  • Update Kate on her donation’s status.

journey+map.png

COMPETITIVE MATRIX

Volunteer/Services VS Monetary Donations

A Platform for Individuals VS. A Platform with a more Social/Community Feature

 

Because our research emphasized that they value their friends’ opinions, we knew we would have to include a community platform. Our research also showed us that our users also like to donate in a way that is conducive to their lifestyle. For that reason, we erred on the more donation based part of this spectrum, opposed to volunteer/services. Our users would not have much time to volunteer even though they would like to.

Screen Shot 2021-09-27 at 10.52.03 AM.png

FEATURE PRIORITIZATION

​

  • Optional account registration. If they choose to create an account, they could connect their Facebook to integrate their friends onto the platform

  • Must features also include online payment and a Help Center to add trust and confidence in the site

  • Cause subcategories allow users to donate in a way that is most meaningful to them

  • Donation tracker so users can follow up on their donations and feel assured.

 

"Should" features are features that we would like to include in the future, but given our sprint time constraint and our user research, we have not fully explored. These include Saved Lists and a crowdfunding feature where users can create their own campaigns.

 

INTRODUCING: REACH

Screen Shot 2019-06-22 at 4.08.37 AM.png
P4 Monarchs Presentation (1).018.jpeg

"I WILL DONATE IF I FEEL AN EMOTIONAL CONNECTION TO THE CAUSE."

"I TRUST MY FRIENDS & COMMUNITY'S JUDGEMENT & OPINIONS."

P4 Monarchs Presentation (1).019.jpeg

"THE ORGANIZATIONS I DONATE TO NEEDS TO FEEL CREDIBLE & TRUSTWORTHY."

P4 Monarchs Presentation (1).020.jpeg

"I WANT TO HAVE CONFIDENCE & CONFIRMATION IN MY DONATION."

"MY DONATION METHOD WAS CONDUCIVE TO MY LIFESTYLE."

DESIGN, TEST, ITERATE, REPEAT

WIREFRAMES