equivol

College + Amazon Adobe Creative Jam

cover.png

Role

Designer

Teams of 2

Timeline

Timeline

Oct 20, 2021 - Nov 4, 2021

16 days

Toolbox

Adobe XD

Deliverable

High-Fidelity Prototype

Theme

Design for Equity

The Brief

Inspired by Amazon’s initiative, your challenge is to design an inclusive experience in a third-party mobile app for high school students looking for opportunities to fulf ill community service hours or volunteer to help their local community, no matter what their background or ability.

Brainstorming

Our main goal during this project was to follow the theme - design for equity. We kept in mind that we were designing for high school students: Some can drive or easily get a ride, while others can't. Some have dif ferent physical limitations. And everyone has varying skills and interests.

 

We started by brainstorming considerations for accessibility and the screens we wanted to design.

To make Equivol's volunteer opportunities accessible, we considered the following issues:

  • Visual impairments: blind, color blind, etc.

  • Auditory impairments

  • Other physical impairments

  • Lack of transportation

  • Language barriers

Branding

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.

service_match_logo 2.png

Lo-fi

Next, 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

Iterating

We created drafts for user journeys, and we made edits based on feedback from an Amazon mentor.

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 opporunitites 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

In order to help students find volunteer opportunities that are the most accessible to them, we put a heavy emphasis on filters. Above are three different possibilities that we considered when incorporating the different filters.

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

Takeaways

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