In Defense of Animals

A website redesign to facilitate the donation process

UI/UX Design, UX Research, Client facing

Background

In Defense of Animals, also known as IDA, is a non-profit organization that promotes the welfare of animals. Currently about 85% of their user traffic comes from google and most of their donations come from their email newsletter. They are averaging 1 donation per 1,000 signatures (users who sign a petition for a specific cause from the newsletter).

Although IDA has a relatively even distribution of age demographics throughout their user base, the users who donate most often tend to be women over the age of 50. To increase conversion rates and grow their organization, IDA wants to create a more streamlined donation process and expand their user demographics.  

Objective

To make the donation process accessible to all users and establish credibility to drive more donations. 

My Role
UI/UX Designer in a team of 3
Skills
User research, ideating, sketching, low-fidelity and high-fidelity prototypes, and usability testing.
Timeline
May 2023 (4 weeks)
Tools

The Solution

Though we didn't need to do an entire redesign of the entire website, we still applied first principles design thinking into our analysis and redesign of the donation process.

Specifically, it was revealed through conversations with the members of the IDA that their preferred pipeline to engagement was to have the visitor sign up for their newsletter, and then having a donation request sent to them.

To that end, we designed for that specific pipeline.

Clear Intention

The IDA's original website had too many call to actions and information. A visitor could easily get overwhelmed on the landing page. We simplified the content on the page to make the input easier to process.

Empathetic donation process

We showcased examples of what direct impact the donated amount could have. Bringing a conceptual idea of the worth of the dollar to specifics helped the visitor understand the significance of donating, affecting their motivation.

Navigable newsletter

We made the newsletter more visually appealing to look at. In addition, the call to action for donating was easier to find and come across. There is a direct pathos appeal by showcasing IDA's efforts during the month.

My Approach

Original Client Design Analysis

What I found was:

Overall, with competitive analysis, we found discrepancies with IDA's donation flow and found inspiration for ways it could be improved.

User Research

My Research Goals

  • What motivates users to make donations?
  • What can we do to bring in a variety of new users?
  • How can we build trust with the user, so they’ll feel confident in their donation?
  • How can we make the donation process more streamlined and convenient?

Survey

We conducted a screener survey to evaluate what kind of trends exist when it comes to donating to charity. Our survey received 27 responses over the age of 18 and two outliers under 18.

The demographic of these users was as follows:

55% of those surveyed were between the ages of 25-34, over 60% identified as female, and over 70% were single/ unmarried.

The distribution for income was pretty evenly distributed.

Insights

Forms response chart. Question title: What motivates you (or would motivate you) to donate?. Number of responses: 29 responses.

Forms response chart. Question title: What would discourage you from donating to a charity?. Number of responses: 29 responses.

User Interviews

We then interviewed 7 people with an age range from 25 - 54.

With the insights, first we created a map of the insights around the question, "How might we make the donation process accessible to all users and establish credibility to drive more donations?".

We then created an affinity map of all the insights we gathered from the interviews.

What I found was:

Builds Trust

  • Transparency and honesty were the top key factors that influenced a person's trust in the non profit.
  • Even with small or moderate research, we find out that people are more willing to donate when they see that the charity shows statistical progress towards a cause.
  • People liked to understand how their money was going to be used.
  • The non profit seemed more trustworthy if the financial information was more transparent.

Ways to reach more users

  • People used more methods to pay than only credit card and PayPal. They also used Apple Pay, Venmo, and Zelle.
  • Social media was one of the ways they were reached out from to be compelled to donate

Motivation

  • People liked seeing their donation go toward a goal.
  • People were motivated to donated if they had a sense of urgency.
  • If there were other ways to support, that would also be effective at allowing people to donate.

Personal obstacles

  • People often preferred the one time donation (vs. recurring) because they liked the sense of control it gives.
  • Budget in one's personal lives was a reason to limit donations.

Overall, we found that upfront tranparency and honesty were key, with the emphasis on what direct impact could come from your donations.

How Might We Questions

After distilling all the insights, I focused on three key areas:

  • How might we allow for more transparency and honesty during the donation process? 
  • How might we streamline the sign up flow for the newsletter? 
  • How might we ease the way to donating? 

2nd Survey

The IDA team kindly allowed us to send a survey to their high engagement audience. We got a total of 607 responses, which revealed that the majority of high engagement audience are Caucasian Baby Boomers living in North America.

The main insights we received from the survey:

  • The majority of people donated $10-50 per year
  • The largest category for frequency of donations is 'Never', followed by 'Once'
  • The majority of ways people made donations was through the website, social media, and subscribing to the newsletter
  • The vast majority of the way people find out about IDA is by social media

Personas

Based on the user insights and demographics from the surveys and interviews, we created 3 personas.

Ideation

User Story

To better understand the flow that cumulates to become a relationship between IDA and a high engagement follower, we created an user story.

User Flow

We created a user flow to understand the steps a user has to go through in order to donate.

Design

Sketches

We put together sketches to organize our ideas about what changes we wanted to make.

Low Fidelity Prototypes

From the sketches, I then did a draft of the prototype as low fidelity wireframes.

Usability Testing

I conducted remote usability testing on the high fidelity wireframes with 5 participants each.

Refined Design Goals

Better navigation
People were having trouble navigating to pages where critical information was held   

  • We rearranged information and page structure so that critical information (ie. financial statements) were more obviously placed.

Easier donation flow
The donation flow could be made more efficient.

  • Payment input on the same page.
  • Show what direct impact your donation could have.

Design Changes

From the input gathered from the testers, I made some changes from the low fidelity wireframes to the high fidelity wireframes.

High Fidelity Wireframes

Click here for the Figma file

My Works