PURPOSITY

A platform built to make it easier to help those in need, right in your local community.

DISCIPLINES

User Interface Design, User Experience, Web Design, Front-end Development

TIME

2016-2018 with the team at Whiteboard

What is Purposity?

Purposity is a platform to help make giving easier by connecting you with local organizers and homeless liaisons to meet the needs of those in your community. Each need is verified by a member of the Purposity team before sending out weekly notifications with local needs to over 10,000 members on various community lists.

AUDIENCE

The goal of Purposity is to build the next generation of philanthropists with a focus on the millennial generation ranging from ages 18-35.

The Design Process

My role in the design process was focused on three key areas:

Implement an updated design system to improve usability across all devices
Improving and enhancing the user flow for both donors and local organizers.
Building a pitch for community sponsorship and create a pathway to start a conversation
DEFAULT STATE
HOVER STATE
MET STATE

Establishing a Design System

When starting work on the web application, it was important to establish a system of typography, input styles, and components in order to establish consistency across the platform. A loosely established system was in place when I began the project, but it was my task to gather all the assets, refine the system, and build the new components in browser. I focused on a few key areas in order to provide the most value:

A responsive type scale

Updated button and input styles

Improved usability of table view

Redesign of 'Need' component

REDESIGN OF TABLE VIEW

Redesigning the table view

The table view was the most valuable update for their team as it allowed organizers to more effectively manage the multitude of needs that populated the growing platform. The redesign presented more information at a glance and also elevated the new “Thank You” feature.

REVISED COLOR PALETTE

Improving the Organizer Experience

We worked directly with the organizer team at Purposity to pinpoint areas of friction on the platform and improve the process for adding new needs to the platform. The biggest complaint from their staff was that the time to add a need was creating a bottleneck for their team and local organizers. This capped the amount of needs that were able to be added to the platform and was often a source of frustration. 

We interviewed some of the people who regularly manage these needs and determined that many of the fields in the form were unnecessary and oftentimes created duplicate work for the organizer and the person on staff verifying the needs.

Furthermore, the experience was not responsive, which limited the opportunity to add a new need from a mobile device. Based on our research, we made a number of improvements to the need creation flow to alleviate or solve many of the issues organizers were having.

Added helpful tooltips to answer frequently asked questions.

Added the ability to auto-fill your designated shipping address.

Decreased the number of fields to fill out.

Verifying usability on a mobile device.

IMPROVEMENTS TO NEED SUBMISSION

Building a Pitch for Sponsorship

I also had the opportunity to work with Purposity's core team to design and develop a new page that helps detail the benefits of sponsorship in order to build a successful pitch. I chose to highlight the three key areas that a sponsorship is presented within the context of the web app on a device. Purposity's primary means of need delivery is text message, so it made sense to display it in the state that a user would likely see it.

I also designed custom iconography to represent each of the three distinct areas that sponsors are represented in the platform. These icons are used on the site as part of the slider explaining these areas.

SPONSORSHIP ICONOGRAPHY
SPONSOR PAGE
The End
Related Project

Institute of Faith, Work, and Economics

Back to Home