Bella Volunteer Management

Redesign for a CRM volunteer management platform

Project Overview

Bella Volunteers Management portal is a CRM platform for the non-profit organization to manage their volunteers. It has two portals, one for the volunteer admins and one for the volunteers. For this project, our team focused on redesigning the homepage and scheduling page for volunteers portal, where volunteers can sign up for available shifts and manage their current shifts.

Project Background

This Project is a client Project for Dogcadamy, llc in January, 2018
My Role

Leading collaborative ideation and wire-framing, design for responsive web, prototyping
Tools Used

Sketch 4.0 , Adobe Illustrator cc, Invision,
Design Challenge

Understand data models, conduct user research, deliver wireframes redesigns.

Dashboard Redesign

Overview of redesign

When we received this project, one of the most prominent questions is what information do users want when they first logged in. After collecting feedback from the users, we found out users' primary task is to view or change their shifts. Also, our shareholders want to incentivize volunteers to sign up for new shifts by adding a personal monthly goal and achievement section. So based on the information, we try to make homepage into a dashboard that can do more.

New UI

We try to fulfill all users' immediate needs in the new designs. To address the pain point that users can't modify their upcoming shifts , new designs include a list view of their shifts where they can view, edit or cancel those shifts, and a new calendar view for user upcoming schedule.

My Shifts

This section is giving users an easy way to manage all their shifts in one place.

Small calendar view

A new calendar view give users a glance of their schedule of the month.

Edit shifts modal

One modal for all the schedule changes users need.

Schedule Redesign

Overview of redesign

When redesigning the scheduling page, we got a lot of feedback from users and the client requesting a calendar view for all the available shifts. But our team decide to find out more about what users actually need from a calendar view, while it's convenient to have a glance of the month, it will sacrifice being able to scan shift details in one view.

New UI - Monthly calendar view

For New UI, we decide to design a monthly and a weekly calendar view, a monthly calendar view is great for experienced volunteers and leads to have a high-level glance for how the monthly schedule look like.

Monthly calendar cell

In the monthly calendar view, some shifts that are critical to the organization can be easily seen, which helps volunteer admins to recruit for those important shifts.

All shifts

When user selected a certain day in the calendar view, all the shifts available that day is presented in a list view.

Sign up for shifts

One modal for all the information users need to sign up for a shift.

Sign up for drop-in

We designed a new shift style called drop in. In old UI, users choose a start and end time for any shifts that they are signing up, regardless the type of commitment that volunteer admins require. In new UI we separate this feature into a standalone shift type that user can sign up a drop-in section within a certain time frame that admins dedicate.

Weekly calendar View

Weekly calendar view have all the details and CTA to sign up in one view. It is easier for new volunteers to scan the details of the shift in one view.

Back to Home