Image-Sizes-SempliceDONATIONS

We Care

Donations Mobile Application

THE PROJECT

I designed a mobile application that uses social media and corporate entities, to solve young adults donation experience pains. Such as feeling skeptical about the donation process, powerless or thinking that they cannot make an impact by donating.

ROLE

UI/UX Designer

DURATION

– weeks

TYPE

School Project (RIT)

Background

43%

of 23 donation sites provide main information about charities

4%

of donation sites explain how they use a giver's donation

5 years

the average person will spend more than five years of their lives on social media

MOTIVATION

Online givers don’t feel motivated to donate when there is not a visual proof of charity goals, purposes and results

NEW ONLINE GIVERS

Want to see:

1. Charity's mission, goals, objectives and work

2. How the charity uses their donations

Won't donate because:

1. They feel they don't have the money

2. They're powerless and their donation will have no effect

3. They are skeptic about the process transparency

SOCIAL MEDIA

Catastrophes happen all year round and everyone talks about it on social media. Young adults spend hours on social media, there is an opportunity to make social media a new media channel for young people to know about how to make a real-life impact 

How to provide new givers transparency,
and security of how their donations are being used?


How to expose new generations to donate
through mobile applications?

High level goals

Icon_Transparency@1x

PROVIDE TRANSPARENCY

Online givers tend to hesitate when something feels like a scam. Providing transparency can increase the level of trust of the users towards charities.

Icon_Increase Donations@1x

INCREASE DONATIONS

Making the process easier and more engaging for the users can help increase the donations numbers.

Icon_ NewMediaChannel@1x

NEW MEDIA CHANNEL

Providing causes that interest the user, can provide value to them. Using customized information can serve as a new channel to provide information of causes that interest the user.

Approach

Icon_TrackDonations@1x

TRACK DONATIONS

A picture is worth more than a thousand words. By using photos of real results and a live feed, online givers can feel more secure that their donation is going to be used for a real cause.

Icon_ShareActions@1x

SHARE ACTIONS NOT MONEY

To make the donation process easy and seamless, users won’t have to donate money. They can simply select actions and share them on social media. Our corporate partners will donate $1 dollar everytime someone shares an action.

Icon_Social@1x

MAKE IT SOCIAL

Kindness is contagious, by sharing their donations, users will be spreading the love. Will have the power of selecting what they care about and be able to transform their social actions into real actions.

WeCare-simple-mockups-big

Young adults share content every day on social media, with the help of corporate partners they can transform their social media influence into real-life impact, by helping causes they care about and making their voice heard.

Who is our target audience?

Meet Joseph Williams

Persona@2x

Millennials are 8% more likely to share content in social media than Gen X and Baby Boomers.

What is out there?

Competition_Donate a photo@2x

DONATE A PHOTO

Donate with photos each day instead of money. It has a good visual consistency, modern look, flat design and its interactions feel familiar to the user.

Competition_Charity miles@2x

CHARITY MILES

Donate by running, another channel of donation that doesn’t utilize money. It lets you select your charity. Visual design is not as appealing as other applications.

Competition_Share a Meal@2x

SHARE THE MEAL

Focused on ending hunger all around the world. Incorporates badges and is more social than other applications. Also works by sharing a picture, in this case, of a meal, but later on will ask for micro donations.

Competition_Kickstarter@2x

KICKSTARTER

A crowdfunding platform were people can support new products. Show progress of projects, very minimal and clean design makes it easier to navigate.

Gaps in the market

Gaps in the market@2x

Trends

USE OF PICTURES

All the donation applications used for the competitive analysis showed a predominant use of photographs to engage the user. The problem is that these images feel produced and the content loses its real feeling.

HUMAN TOUCH

All donation apps are targeting the human side of the user. The interface should be friendly and be welcoming for users to feel more comfortable with sharing and donating.

MICRO DONATIONS

Micro donations are very popular in online giving applications. Mainly because it’s easier to donate in small quantities. But the use of micro donations might also give the feel of unrealistic resuts.

Ovalpersonaprofile

Joseph is interested in making a difference but feels skeptical about the donation process. He decides to give WeCare a chance since he doesn’t have to use money to donate.

Use Case

usecase@2x
Icon_TrackDonations Copy@2x

KNOWING HOW IT WORKS

Onboarding

To know how the app works, Joseph can go through a simple 3-step-onboarding.

The use of dots at the bottom will let Joseph know how many steps the onboarding has. For convenience, he can skip this information and see it later if he needs help.

Wireframe_1@2x
Icon_TrackDonations Copy 2@2x

SELECT A CAUSE

Causes List

Joseph can filter causes by interest and location. He’ll be provided with a list of causes that he can select from to donate.

A list view with images will give Joseph enough information to have a glimpse about the cause. If he wants to know more of a particular cause, he can click the image to see more content.

EASY NAVIGATION

A tab navigation was chosen for this application because of the nature of its information architecture, which is separated in four main categories: Causes, Track, Alerts, Profile. This way, Joseph can jump between them, without the need of opening a menu.

Wireframe_2@2x
Icon_TrackDonations Copy 3@2x

SEE CAUSES'S PROGRESS

Real Results

To show Joseph that the donations made with this application are real, a live feed of the cause will be shown when clicking to know more about it.

Progressive disclosure is used to hide and show information about the cause. This way, Joseph can see more content on the page at once.

FAMILIAR FACES

To motivate Joseph to donate, the cause’s live feed will have people from Joseph’s network that already are part of the cause.

LIVE FEED. COMMUNITY

The charity in charge of the cause, will provide pictures of real results achieved by WeCare donations. This will maintain interest and keep users visiting the live feeds. It will create a sense of community and personal relationship with the cause.

Wireframe_3@2x
Icon_TrackDonations Copy 4@2x

CREATE AND SHARE

Engage

Other applications have a standard mode of donating. With We Care, Joseph can choose which action he would like to donate.

To create the post and at the same time keep it fun, Joseph can long press or drag the action to the picture, to add it and later on share it on social media.

SHARE ACTIONS

In order to donate without money, our corporate partners will donate $1 to Joseph’s cause of choice, daily. He just needs to select an action and create a post that he can share on social media to raise awareness.

ADD YOUR PERSONAL TOUCH

To make it more personal, Joseph can add a voice note to his donation post. This way he can create different content each day and send words of encouragement.

 

 

Wireframe_4@2x
Icon_TrackDonations Copy 5@2x

TRACK DONATIONS

Transparency

After Joseph shares it on social media, he can keep track of his donations by tapping the track section on the tab menu.

He will be able to track and see cause’s live feed, previous donations made by him and re-donate every 24hrs.


To show his causes, a grid was more convienient, since he already knows some information about his previous causes.

Wireframe_5@2x

Inspiration

Inspiration@2x

Style

WeCare@2x
ColorBlue@2x

COLOR BALANCE

Blue is known for its trust and dependability. It’s reliable, responsible, and mentally soothing. For that reason alone, it’s one of the most-liked colors across the entire world.

To give the feeling of trustworthiness and optimism, the combination of blue and yellow is perfect. It creates a balance of energy and mental soothing.

ColorYellow@2x

Yellow is the epitome of joy, happiness, cheerfulness, optimism. Whenever you need to lift someone’s spirits, increase their confidence, or provide inspiration, use yellow.

Visual Solutions

iPhone6-free02

WE CARE BENEFITS

Seeing real results of previous donations will help avoid the feeling of “no money, no power”.

Corporate partners can give back to the community and let their consumers decide where to put their money.

Charities will be heard and will have a window to promote their causes with low marketing budgets.

End@2x

Other projects

PunchcutInteraction Design Co-op

WeCareUI/UX Design, Product Design

Fluffy TailsUI/UX Design

Dream Destinations BrochureGraphic Design, AR Exploration

Wes Anderson Film FestivalGraphic Design, Print Media, Motion Graphics

Spotify Interface RedesignRapid Prototyping, UI/UX Design

Graphic Design Work CompilationBranding, Print Media, Illustration

socialiconsFB
socialiconsIG
socialiconsIN
socialiconsBE

© 2024 NOELIA RIVERA