Compassion International

Volunteer Portal

Role: UX Designer
Contribution: User Journey Mapping / Wireframes / User Flows

Overview

Compassion International (CI) has not only those that want to give with sponsor ship and as donors, but as volunteers. In the past users have only been able to volunteer if they have an existing user account. This has made obtaining new volunteers tedious but has created unnecessary roadblocks for CI staff and users.

comp-volunteer-af-2020.jpg
 
 

The Problem

CI would like to open up volunteer opportunities to all users, with or without an account. With specific requirements and limited back-end resources, CI needs to make a public volunteer portal where users can complete an in-depth volunteer sign-up process all in a few minutes.

 
 
signin-ci-2021.png
 
 

Analyzing the User Flow

Below is the past (current) user flow which helps identify roadblocks in the volunteer process, as well as the proposed and more ideal user flow which accounts for various user types and a better process.


Download Current User Flow >

Download Proposed User Flow >

 
 

User Journey

To better understand the user’s journey from conception of the idea of volunteering to completing the process, a journey map was created to reflect some key moments for users.


Download User Journey >

 
 

Wireframes

After working through user types. key needs, and various user scenarios, I began creating wireframes. These were broken up into three stages to better understand and work through the users process. Shown are just some of the wireframe processes broken down into the three stages; Search, Registration, and Waivers/Submission.


Go To a Sample Wireframe Interaction >

 
ci-wireframe-set-2020.png
 

Future Outlook

Next steps will include high-fidelity and design mockups. This will be followed by user testing and likely revisions to create a complete product with user experience at the forefront.


 
comp-volunteer-complete-screen-2020.jpg