User Interface Design, User Experience, Web Design, Front-end Development
2016-2018 with the team at Whiteboard
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.
The goal of Purposity is to build the next generation of philanthropists with a focus on the millennial generation ranging from ages 18-35.
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
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.
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.
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.