Save Elephants App & Website

Responsive Website • Mobile App • Personas • Wireframes • Research • User Interface • Prototyping

Overview

Save Elephants is an organization focused on protecting endangered species of elephants. The organization needs a tool that helps people learn about endangered species and raise money to rescue wild elephants. The primary target users include compassionate, middle class or higher, between the ages of 30-60.

My Contribution

UX designer leading the app and responsive website design from conception to delivery, including conducting interviews, paper and digital wireframing, low and high-fidelity prototyping, conducting usability studies, accounting for accessibility, iterating on designs, determining information architecture, and responsive design.

Type:
Independent student project completed in the Google UX program
Timeline:
12 Weeks, Dec 2022- Feb 2023
Tools:
Figma, PS

Problems

Lack of Trust or Credibility
Emotionally Disconnected Experience
Unclear Recurring Donation Options
Not Mobile-Friendly

Solution

Include transparent reports & impact stats
Display media mentions
Use high-quality photos and video storytelling of individual elephants or rescues
Add monthly donation and other frequency donation options.
Design a mobile-first experience with responsive layouts

Design Thinking Process

Empathize-Define-Ideate-Prototype-Test
Personas
Journey Map

The journey map were generated based on Helen's story. The main goal was to make donations online for endangered species of elephants.

Findings

Understanding and Awareness

  • People felt that they didn't have enough educational and financial resources.

Lack of Trust

  • People wanted to validate that organizations were trustworthy and aligned with their values.
  • People didn't believe their gift really helped.

Non-transparency and Lack of Engagement

  • People didn't know where their money were going and what their donation was accomplishing.
Crazy Eights
Site Map

Prototyping

prototype process
Digital wireframe
Lo-fi prototype
Usability Study

Usability Study Findings (App)

  • Get Started - Two buttons on the landing page are confusing. People find difficult to get started.
  • Donation Frequency - People weren’t able to customize the donation frequency.
  • Review - People preferred a review of their donation on the payment page.
Iteration
Iteration After Usability Test:
  • Based on the insights from the usability studies, I applied design changes like simplifying the landing page by replacing two buttons with one “start now” button.
  • Additional design changes included adding an option to “other frequency” to the Checkout page.
  • Add Review section on the checkout page
Hi-fi prototype

Final Product

Other Work: