Creating an accessible way for volunteers to find community service opportunities near them based on a variety of filters through a mobile app and website.
UX Designer | UX Research | Interviewer
I handled the entire project from the research to the wireframing to the completed prototype.
Figma | Procreate | Adobe Ps | Google Suite | Miro
User Personas | User Interviews | User Flows
Competitive Analysis |Affinity Mapping
Ideation | Design Principle Implementation
Wireframing | Prototyping | Usability Tests
4 week sprint
The idea for this project was to create something that had not been done very well yet in the app space. The vision was to To create an accessible way for volunteers to find community service opportunities near them based on a variety of filters.
I conducted a competitive analysis of other comunity service websites, asked around my community who matched the user audience, did research on volunteers across America through articles, and conducted a usability study once a prototype was available.
(USA) HS &
Bachelor's Degree in Business Admin
Salt Lake City, UT
To use free time helping the community in any way possible
Limit time spent researching activities to participate in and causes she would like to support
"I have a hard time finding activities that work with my family's schedule."
“I hate spending hours of my time searching for activities near me only to realize that I am not a fan of cause or company.”
Masters Degree in Literature
Limit time spent finding volunteer activities to cost participate in
Find activities that range in time slots because of her busy life
Not having community service activities near her listed in one place
No time slots given for community service when she does find something that she is interested in
I did the crazy eights practice and then created paper wireframes to get a feel for how I wanted to layout the app. To get a better feel for how things would look, I did a version with words as well.
I conducted an unmoderated usability study with 1 female and 2 males (all 25-60 yrs old). I made sure to come up with specific tasks I wanted them to complete and it most definitely gave me vital feedback needed to improve the app.
Key Performance Indicators:
Time on task
Use of navigation
System usability scale
Open up the app and go through the process of finding and booking a volunteer activity near you (Salt Lake City, UT)
Open the app, login to your account and go to the profile page
Open the app and browse the volunteer activities using the filter feature. Then book the activity.
Usability Study Findings
Round 1 Findings:
Users found it unclear on where to start their journey on the home page
Users felt the filter section was confusing to get out out/close
Round 2 Findings:
Users wanted to see a favorites section for events they liked while searching
Users wanted to see time slots shown on the search page rather than just the specific event page
Below are the mockups before and after the usability testing. I added in color, typography, images, and edited some of the layout based on the feedback I received.
High Fidelity Prototype
Tasks to Complete:
Open the app and go through the process of booking a community service activity
Book an activity and use the filter feature
From the home page, browse through the favorites section and the profile page
Final Polished Designs
Below are the mockups that I decided to clean up a bit by making sure everything had text where it should.
Results & Takeaways
After completing the mockups with the feedback given from the usability test, I was able to go back and ask 2 participants to go through the app and see if there were any issues. The participants did like the updates, but did give feedback on not being able to see times for the activities on the search page. The takeaway from this project was that I learned to keep the design a bit more minimal and the users found it easier to navigate through the app. I now want to go back in and add a few more pages and interactions, such as the settings page, the account page, and the friends page.