equivol

College + Amazon Adobe Creative Jam

cover.png

Role

Product Design

Teams of 2

Timeline

Timeline

Oct 20, 2021 - Nov 4, 2021

16 days

Toolbox

Adobe XD

Deliverable

High-Fidelity Prototype

At-a-glance

Equivol is a mobile app that connects high school students with volunteer opportunities in their local communities. No matter what background or ability a student has, Equivol provides an opportunity for all.

The Goal

Design for equity: We kept in mind that we were designing for high school students with varying backgrounds. Some have physical limitations, some can drive or easily get a ride while others can't, and everyone has varying skills and interests.

The Process

UX Research

Mapping User Journeys

Iterating, and iterating, and iterating...

Welcome to Equivol

Starting with UX Research

Brand Identity

We researched other volunteering brand identities to come up with our own unique, yet recognizable brand.

 

The name Equivol comes from: Equity + Volunteer = Equivol

Throughout the project, you will see the name Service Match, which served as a placeholder name for the app while we came up with the final name.

Our logo, the puzzle pieces, represents finding the perfect volunteer opportunity that fits into the user's life like a puzzle piece. The heart is a symbol of care and doing good.

The primary color salmon is a representation of hope and happiness, which are feelings we want to instill when users are searching for a volunteer opportunity. 

service_match_logo 2.png

Defining Users

high school student looking to fulfill volunteer requirements for graduation

high school student intrinsically motivated to find a volunteer opportunity to serve their community

edge cases: a teacher, counselor, or parent assisting a student in finding a volunteer opportunity

Accessibility

To make Equivol's volunteer opportunities accessible, we researched potential accessibility issues that our users might encounter. 

  • Physical Disability

    • Motor impairments

    • Visual impairments: blind, color blind, etc.

    • Auditory impairments

  • Lack of transportation

  • Language barriers

Mapping User Journeys and Iterating

Lo-fi

We sketched out the layout of each screen, and mapped out a few key user journeys.

IMG_A4C946FCD4DA-1.jpeg
IMG_3E3EF92B8773-1.jpeg
IMG_4643B3C4FFD9-1.jpeg

User Journey 1: Onboarding

IMG_0334.PNG
IMG_0350.PNG
IMG_0351.PNG
IMG_0352.PNG

We initially wanted students to create an account as soon as they opened the app. But after receiving feedback, we recognized that students would most likely want to browse through volunteer opportunities before providing personal information.

User Journey 2: Sign up for a volunteer opportunity

IMG_0334.PNG
IMG_0335.PNG
IMG_0337.PNG
IMG_0338.PNG
IMG_0339.PNG

After exploring different volunteer opportunities, students will be able to sign up for the ones they're interested in directly through the Equivol app.

User Journey 3: Checking progress and account information

IMG_0345.PNG
IMG_0348.PNG
IMG_0347.PNG
IMG_0346.PNG

Students can access their progress, saved applications, works in progress, and other account information.

Accessibility through filters

IMG_0341.PNG
IMG_0352.PNG
IMG_0336.PNG

Hi-fi

Welcome to Equivol

Landing Splash Page – 4.png
IMG_0354.PNG
IMG_0355.PNG
IMG_0356.PNG
IMG_0357.PNG
IMG_0359.PNG
IMG_0358.PNG
IMG_0360.PNG
IMG_0361.PNG
IMG_0362.PNG

Retrospective

I really enjoyed my first Adobe Creative Jam! I got the chance to apply my design skills and learned to...

     1. Seek out feedback from mentors to improve designs

     2. Communicate with my partner well

     3. Manage my time well, especially on projects like this with fast-approaching deadlines