WeHelp

a concept app for Freelancer – Finding volunteer OPPORTUNITIES in minutes, not months.

Duration  2 week sprint
Team  Myself + 2 other designers
Platform  iOS app
Tools + Skills  Figma, Research, UX Design, Prototyping, Visual Design

View Figma Prototype ⟶
Image of WeHelp by Freelancer concept app UI on mobile

About the Project

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.

The Problem

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.

My Role

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.

Image of women affinity mapping

Goals

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

What We Discovered

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.

Considerations

  • event duration
  • event proximity
  • friends can join
  • reputation of organization
  • alignment with the cause

Barriers

  • schedule conflicts
  • unsure of how/where to help
  • can't find the right opportunities
  • lack of information on skills and project-based volunteering

How might we... connect skilled volunteers to reputable organizations for projects aligned with their passions?

Journey Mapping

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.

Image of a journey map for WeHelp

Exploring Designs

Our How Might We and our design principles became the starting point for divergent thinking and allowed us to start exploring possible solutions.

Image of UI sketches

Design Principles

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.

Image of design principles: simplicity, community, confidence

Style Guide

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.

Image of a style guide for WeHelp

Personalized On-Boarding

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.

Image of personalized onboarding iOS screens
Gif of advanced search and filters UI

Advanced Search and Filters

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.

Creating Confidence With Ratings and Reviews

“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.

Image of ratings and review UI
Gif of volunteer event and sign-up

Making Event Sign-up a Breeze

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.

Usability Testing

Using our prototype, we performed some moderated usability testing with 6 users.

Insights

  • Sort options were not intuitive, some felt like filters, while ‘closest’ and ‘upcoming’ are logical sort criteria
  • Hierarchy of Advanced Search options felt off
  • CTAs and copy for the on-boarding screens could be more explicit

Quotes

  • “The app felt comfortable and easy to use.”
  • “When I was looking through the reviews, I did have to search a little bit for the button. I expected it to be at the top.”

Metrics

  • We chose to use the Net Promoter Score as a metric because this product would be new to the market. Evaluating if a user would recommend this app would be critical for business growth
  • Received an NPS score of 40%

Next Steps

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.

Lessons Learned

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.

⟵ HomeVibio Case Study ⟶

👇

Get in touch