Millie- A Social Giving App

ADDING “VOLUNTEER” FEATURE

 

 

Background

Millie’s mission is to build an app for connecting people and nonprofits. Their target audience is Millennials (aged between 25 and 40). The app that is available for independent users currently has “Donate” and “Gift” features.

Problem

The app aims to caters to the needs of socially responsible millennials and promotes democratizing philanthropy, but there is a huge gap in gratifying the needs of their target audience in "hands-on volunteering" habits.

 

Scope

Add “volunteer” feature to existing app

Role

Research, UX and UI Design

Timeline

4 Weeks

Design Process

01. Empathize

Secondary Research

During my employment at Hult International Business School as an academic advisor, many students ask me about finding volunteering opportunities. While we provided multiple resources that allows them to contact the organization directly, it was not very efficient, and the students found the process extremely time-consuming. This prompted me to research available apps that allowed users to sign up for volunteer positions with a click of a button, but the search was unsuccessful. However, I found Millie, which allowed users to donate with a swipe. The app has already partnered with numerous organizations and adding a volunteering feature will benefit both users and stakeholders.

Since Millie’s target audience was already established, and it aligned with my provisional personas, I started to gather information about Millenials and their social giving habits. According to The Millennial Impact Report shared that “77% of millennials said they’re more likely to volunteer when they can use their specific skills or expertise to benefit a cause.”

I was able to identify and resonate with this statement from my grad school days and previous roles at higher ed institutions- as many students offer their skills to non-profit organizations to

- gain more knowledge - develop skill-sets - add experience to resume - network with like-minded individuals.

Provisional Personas

Based on the secondary research, I was able to develop provisional personas that are potential users of the volunteer feature.

Primary Research- Survey

I conducted a survey to understand millennials’ preferences in social giving and volunteering habits

 

Survey Findings:

The findings were a result of 20 participants between ages 24 & 40.

Survey Results

 

User Needs

02. Define

Persona

Based on the above research, I created a persona representative of Millie Volunteer Feature’s target user

Meet Layla, a 28-year-old grad student in Boston. She volunteers for different non-profit organizations to understand how it functions, and build a community that cares.

Persona Representative of Target User

Project Goals & Feature Roadmap

Based on the data gathered in the empathize phase, I drafted goals for users and stakeholders of Millie App, to make volunteering and the sign-up journey as seamless and enjoyable as possible. After project goals are set, I’ve laid out a feature roadmap considering user needs and stakeholders’ priority and resources.

Business and User Goals for the feature

 

Feature Roadmap

App Architecture

After setting up feature goals and setting up a roadmap, I mapped out the existing architecture to identify where the feature can be added. It made sense for me to add the “Volunteer” feature in the app’s navigation, and move the “Wallet” to the profile.

App Architecture including the “Volunteer” Feature

03. Ideate

Task Flows

To understand how users will navigate the app to sign-up for a volunteer role, I’ve created task flows to Search for an organization of choice closer to a location, and Sign-up for a position with the chosen organization.

Task Flows

Exploratory Sketches and Mid Fidelity Wireframes

Using my research findings, app architecture, and task flows, I started sketching a few elements/components, as majority of the layout will follow the existing app layout. Once I decided on the visual direction of the layout, I digitized a low-fi version of wireframes based on sketches.

Wireframe Sketches

Low- Fidelity Wireframes


Visual Design

Millie already has an existing branding and visual design. Additionally, I designed buttons for “sign-up” and “see open positions”. I’ve integrated other existing icons and colors in this design, to make sure that the feature blends with the existing visuals.

Millie UI Kit

 


High-Fidelity Wireframes

04. Prototype

Tasks

  • Task 1: Find volunteer tab and search for organizations closer to your location

  • Task 2: Filter by cause area of choice

  • Task 3: Choose an organization and see open positions

  • Task 4: Proceed to sign-up for a role

Task 1

Find the “volunteer” tab and search for org by location.

Task 2

Filter by Cause area of choice.

Task 3

Choose an organization and see open positions.

Task 4

Sign-up for a role.

05. Test

Usability Test

Using the prototype created, I conducted a usability test to ensure the feature make sense to users and see if various tasks related to the feature could be completed.

 

Tasks

  • Find volunteering opportunities closer to your location

  • Filter by cause area “Art, Culture and Humanities’

  • Choose Boston Ballet, see open positions, and sign up for the “Box Office Volunteer” position.

Task Completion

Error Free

Revision

One of the feedbacks were to have the “contact the point person” from the organization for the position easily. I’ve added a tertiary button to contact the Event Lead in my final revision.

Open Positions Listing Card (Before)

 

Open Positions Listing Card (After)

Lessons Learnt

Through this project, I've learned to work within the constraints of an existing product and design within an existing system, relying on already present design patterns and components.

Overcoming Assumptions

When I began this project I already assumed that the targeted users wanted more skill-based opportunities, but that wasn't true. This influenced my design decision in prioritizing filter options for cause and sort by distance rather than filtering by skill sets and skill-level.

Previous
Previous

Sierra Dawn Art

Next
Next

Mirror