Section 1

Challenge

Background

Charitize had a basic website having a form input page for the volunteers and a service listing page for the buyers. The donations and coordination between buyers, volunteers and community were manually handled by founders.

This project aimed at creating an end-to-end MVP for Charitize, automating all the processes for a three-sided marketplace web app.

I was responsible for the Buyer and Organization pages, brainstorming about the onboarding, landing, checkout and profile pages.

 
Grey Background.png
 

Existing Landing Page

 

Proposed Landing Page

buyer LP.png
 
 

Section 2.1

Competitor Analysis

Empathize

After gaining an in-depth understanding of the project, I deep-dived into researching competitors. Charitize is a new concept, so I explored beyond volunteer organizations, and looked at successful marketplaces like Kickstarter.com to understand user onboarding and engagement experiences. Below are the key insights gained from competitor analysis:

 
Grey Background.png
 

Onboarding

Credibility

filter

impact

Simple onboarding process with maximum 4 steps

Verify and display volunteer credibility and trustworthiness

Don’t overwhelm users with too many options

Display impact created by users on home page to assert on their experience and difference they made

 
 

Section 2.2

User Analysis

Empathize

More than 20 user interviews were conducted which gave insights into user goals, motivations and behavior. It also helped understand how each type of user (donor, volunteer and community) would engage with the platform.

Questions were categorized into five main categories. Below are some key insights derived from the analysis:

 
Grey Background.png
 
 
 

Section 3

user flow

Define

Prior to coming up with design solutions, we deep dived into simplifying the user journey on Charitize platform.

 
Grey Background.png
 

User Flow for Buyer screens

 
 
 

 Section 4.1

Onboarding Process

ideate, prototype

Users can browse through platform and identify services/causes and sign up only when they find value in the offerings provided by the platform. Thus, the onboarding process is simplified so that it does not interfere with their interaction/engagement with the platform.

 
 
 

Buyer & Volunteer Onboarding

This is a one-step sign-up process wherein user just needs to create an account with Charitize. However, when buying/selling services, these users need to create a more detailed profile.

 
Grey Background.png
 
buyer_Signup-03 (1).png
 
 

 Community Onboarding

In order to verify a community, it needs to fill in some mandatory but quick information in three easy steps for getting onboarded onto Charitize platform.

 
Grey Background.png
 

Community Onboarding Process

 
 
Untitled 6.gif
 
 

 Section 4.2

Community profile page

ideate, prototype

This is a private view for the community profile page.

 
Grey Background.png
 

Community Profile Page (private view)

Charitize Org Profile 4.gif
 
 

Section 5

design validation

test

During the last usability testing round, 15 users were tested the clickable prototype (5 users for each user type).

Below is a summary of the findings from testing with the buyers:

 
Grey Background.png
 

 Validation Testing

 
 

 Section 6

Next Steps

With the complexity of this project and a short time-frame, I managed to create an engaging platform for buyers and organizers. Since, Charitize wanted to go live as quickly as possible, so, easily and quickly engineerable features were designed.

For future improvement, I would recommend following:

  • Make responsive app for mobile and tablet to attract younger audience.

  • Merge buyer and volunteer profiles so that users can easily switch roles within the same profile.

  • Allow communities to automate invites to volunteers who have previously worked them.

  • Create a ‘favorite volunteer’ list for buyers to allow them to quickly book their services.

 
Grey Background.png