User Experience (UX) Design

As part of a case study, I designed the "Volunteer-on-the-Go" app showcasing end-to-end design thinking. This page outlines the creative process using UX Design methods.

The Problem Statement and Overview

Many non-profit organizations are in need of more volunteers. As a working professional, I know it can be a challenge to make time commitments in advance. If there was a way to find volunteer opportunities on short notice, would more people donate some of their time? Would non-profit organizations have someone to fill in when they are short handed? What if there was an app to make that match? That's what gave me the idea to design the Volunteer-on-the-Go app.

Business Needs

  • To fill volunteer openings
  • Make it convenient for people to sign up
  • Make volunteer opportunities available at various days & times
  • Offer short time slots for working professionals

User Needs

  • Provide options to find volunteer opportunities
  • Time
  • Skills & interests
  • Flexibility
  • People want to volunteer locally
  • Some rely on public transportation

Target Market

  • Non-profit organizations
  • Event Coordinators
  • Local communities
  • Working professionals
  • Students

Design Goals

  • Search volunteer opportunities by:
  • Easy to use
  • Findability
  • Learnability
  • Customizable

Competitive Analysis

Name Services Size/Following Strengths Weaknesses Matches people and causes Twitter:40.2K
Facebook: 58K
Well designed website
Attention-grabbing buttons to browse
Advanced Search
No search or navigation to filter by zip code Matches organizations with volunteers No social media About Us page
Search by zip code
Introductory videos
Register button/Submit a projects button should be more prominent Neighbors meet to do something, share something or learn something No social media Offers groups for many age groups and interests Search based
Confusing to navigate when you don't know what you're looking for
Sierra Club Volunteer Content site about the planet incl opportunities to meet like minded people Twitter: 179K
Facebook:501K likes
Content site with What's happening section
Branding matches the outdoors feel
Not easy to find events or volunteer opportunities Provides support to families in crisis n/a Easy navigation
Clean site
Attention grabbing images
Not easy to find events or volunteer oppportunities

User Research: Survey and Analysis

Goal of the survey: To determine the project requirements.
Key findings: More people would volunteer if they could find opportunities on short notice.


I brainstormed ideas for volunteer opportunities and created the categories "Humanity", "Children", "Animals" and "Events". These will become the categories for the navigation.

Personas, Scenarios and User Tasks


Paper Prototyping

Use Case #1: Search for volunteer opportunities by zip code and date

Use Case #2: Navigate volunteer opportunities by interest or cause

Wireframing in Sketch

Location & Calendar
Volunteer landing
Job details

User Task Flow

Search for volunteer opportunities by location and date.


High Fidelity Design Mockups

Use Case #1: Search for volunteer opportunities by location and date.

Use Case #2: Navigate for volunteer opportunities by interest or cause.

. .