Volunteer Finders

created by Taylor Hershberger
UI/UX Designer & UX Researcher

a responsive website and mobile app for finding volunteer opportunities

 

 

Challenge: It can be difficult to find volunteer opportunities that are in your area, match your interests, and work with your schedule.

Solution: Volunteer Finders helps fix that problem by asking you a series of questions and matching you with available volunteer opportunities in your area.

When you create a new account you're asked some questions to help you find volunteer opportunities in your area that would be a good match.

If you ever want to change your answers you can go to the home screen and click edit.

Browse a list of volunteer opportunities that have been chosen as a good match.

When you find one you like you can save it.

You can also send the initial email contacting the organization directly from the app.

 

Personas

 

While performing user research I learned about the unique needs that each of my users might have when they’re looking for a volunteer opportunity. For example, if an older person is looking for a volunteer opportunity they might be concerned about how far it is and how much physical activity they’ll need to do, where as a younger adult with a busier schedule might be more concerned about how much time the opportunity takes.

 

Crazy 8s Ideating

 

 

Flow Chart

 

 

Sketches

 

 

Wireframes

 

 

Usability Testing

 


5 participants
23 to 65 years old
USA, unmoderated remote

I got pretty good feedback from user testing, but it was clear I needed to make some signifcant design changes before moving on in the process. A lot of my testers were getting stuck after they got through the onboarding process, it wasn't really clear how to navigate the app once they got to the matching page. I decided to add a home screen to my design to help with user flow, initially I didn't think it was going to be necessary but I ended up combining my original concept for a profile page with buttons to assist with navigation to create a home screen.

 

Mockups

 

 

High Fidelity Prototype

 

 

Test Prototype

 

Sitemap

 

 

Website Wireframes

 

 

Website Mockups

 

Mobile

Tablet

Desktop

 

Sticker Sheet

 

 

Next Steps

 

I want to add more mockups to the responsive website and create high fidelity prototypes for mobile, tablet, and desktop.

 

Sources

 

Icons - Noun Project

Person Icon - Blush

Images - Unsplash