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)
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
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.
INCREASE DONATIONS
Making the process easier and more engaging for the users can help increase the donations numbers.
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.
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.
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.
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.
Meet Joseph Williams
Millennials are 8% more likely to share content in social media than Gen X and Baby Boomers.
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.
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.
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.
KICKSTARTER
A crowdfunding platform were people can support new products. Show progress of projects, very minimal and clean design makes it easier to navigate.
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.
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.
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.
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.
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.
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.
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.
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.
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.
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
Industrial Design Work CompilationProduct Design
Graphic Design Work CompilationBranding, Print Media, Illustration