Duration 2 week sprint
Team Myself + 2 other designers
Platform iOS app
Tools + Skills Figma, Research, UX Design, Prototyping, Visual Design
Freelancer.com is the world's largest freelancing and crowdsourcing marketplace by number of users and projects. They are looking to leverage this technology and explore what a platform would look like that provides a way for users wanting to “give back” their expertise to volunteer organizations in need.
Currently, there are no widely-used volunteer-matching mobile apps that allow people to find both professional skills-based volunteering and on-site opportunities/events.
During this project I worked alongside 2 other UX designers. We worked together on the business and user research, survey design, personas and affinity mapping. I led the visual design and made key design decisions on low and high fidelity mocks and prototyping. I worked together with my team for consistent feedback and additional group design.
1. Test desirability of a standalone mobile app for connecting people with volunteer opportunities
2. Design a feature-rich experience that included event and project-based opportunities
Through research we sought out to better understand the process of searching for volunteer opportunities. We surveyed over 80 people and conducted 5 interviews. We were able to learn the top considerations people assess when looking at volunteer events, as well as the common barriers that often keep them from helping in the first place.
Wanting to better visualize the process a person goes through when seeking out volunteering opportunities, we created a journey map. This helped us visualize how possible users could experience success while using the WeHelp app.
Our How Might We and our design principles became the starting point for divergent thinking and allowed us to start exploring possible solutions.
Design Principles are a set of considerations that form the basis of any good product. We settled on a few to help guide our team throughout the entire project.
Knowing that WeHelp was going to be a stand-alone mobile app separate from the Freelancer platform, we wanted to make sure the products still felt connected. We did this by:
1) incorporating elements from the Freelancer logo into the WeHelp logo
2) using the bright blue from Freelancer's existing brand
We wanted the tone to feel casual and approachable. With green often associated with giving and the environment, we felt this would be a great primary color for the app and mesh well with the blue.
Wanting also focus on the app feeling authoritative, we used the yellow-gold for star ratings and additional accents.
We wanted to first focus on an personalized onboarding process that would be fun and easy to complete. By answering a few simple questions about their preferences and interests, users would then be matched with volunteer opportunities that best suited their criteria.
Knowing that matching people with volunteer opportunities that fit their specific preferences was important, we wanted to include a way for them to further refine their search after the onboarding and any other time they would open the app.
Using the Advanced Search feature from their matches screen, they can easily edit (or update) their location, availability, skills selections, and more.
Through our usability testing, users found this easy to navigate to and edit.
“I would want to volunteer for organizations that have a really great track record, but it’s hard to find out that information.”
People want to feel confident in their choices, especially when volunteering for organizations they may never have heard of before. We knew this was a central value we wanted to focus on with our designs.
By integrating a rating and review system, users could read about organizations and the events they have previously hosted.
Keeping the user in mind, we wanted event and project information to be displayed in a clear, concise way. No guessing about the details of the event or event the skills one would likely need in order to be prepared for the event.
Opportunities could be quickly scanned and even favorited for later. Users can even see which of their friends have already signed up to help.
Using our prototype, we performed some moderated usability testing with 6 users.
During this two-week sprint we were able to create a framework for this app that is worth expanding on. Given the duration of the project, we tried to focus on features that would have the most impact to the user from the start.
However, this means that we were not yet able to more granularly explore the features we decided on or even focus on any others. We know there is further exploration that can be done to refine the onboarding questionnaire, advanced search filter criteria and the rating/review feature.
Another key area for exploration is the idea of a Community Dashboard. Unsurprisingly, through research we learned that a huge draw of people to volunteer is the social aspect. People often volunteer in groups or volunteer because of a friend's association with an organization. Knowing this, adding a Community Dashboard to the WeHelp app would be a feature worth validating for future iterations.
This project taught to me to work on iterative designs with a team of designers. Working with the mindset of "experiment constantly, simplify continuously" helped our team work efficiently and effectively as possible within the short timeline.
I also learned the value of rapid prototyping and mocks. I enjoyed taking the lead on the visual design for this project and being able to execute our ideas quickly. Bringing them to life by prototyping in Figma was helpful for our usability testing and the users felt the UI was key to their overall enjoyment of using the app.