Team
Myself
Role
Product Design
Product Maintenance Team @ Bits of Good
Improving existing nonprofit tools through focused, high-impact UX updates.

overview
The Project Maintenance Team serves as structured support to ensure the long-term sustainability of Bits of Good’s products through the maintenance and improvement of Bits of Good’s post-handoff products with designers and developers.
I personally contributed high-impact feature requests on existing products allowing for outsized operational impact (creating more efficiency through less manual entry, fewer missed shifts, and safer admin actions).
Bagel Rescue
overview
Bagel Rescue is an Atlanta food bank whose volunteer management system lacked basic editing capabilities; admins couldn't update volunteer information or manage delivery routes without workarounds. As the sole product designer working alongside four engineers and one PM over a three-week sprint, I designed solutions across two areas: volunteer editing/deletion and route and location management.
design fix no. 1
Volunteer Management: Editing and Deleting Volunteers
Volunteers previously couldn't be edited or removed without a workaround. I added an options button on each volunteer entry, surfacing edit and delete actions through a modal that uses color and iconography to communicate intent at a glance.

A confirmation modal prevents accidental deletions, giving admins a clear final check before a volunteer is removed.

The edit interface mirrors the non-edit view, but replaces static fields with input boxes. Active/inactive status is handled as a dropdown, treating it as a simple binary state rather than a free-text field.


You can also access this edit screen through the modal, adding another flow to the system and allowing people to edit through the "options/three dots" button.

design fix no. 2
Route Management: Editing Routes and Locations
Added a modal for editing route details, giving admins a direct way to update route information without recreating it from scratch.

I added a dedicated button next to each route opens the edit location modal, keeping the action close to the route it affects.
The edit location modal organizes fields sequentially, similar to a Google Form, so admins can move through the information efficiently without hunting for fields out of order.

AARF
overview
Atlanta Animal Rescue Friends (AARF) needed a better volunteer management system to handle timesheets, communications, and volunteer records. As the sole product designer working alongside four engineers and one PM over a three-week sprint, I designed solutions across three areas: a digital timesheet tracker, a redesigned volunteer email, and a fully developed volunteer ID editing flow.
design fix no. 1
Timesheet Tracker for AARF: From Paper to Digital
AARF previously tracked volunteer hours with paper and pencil, this was an issue that created friction and relied on a physical mediums to get to an end. Thus, they wanted a digital implementation.

I designed mobile-first, since admins almost always review timesheets on the go rather than at a desk.
Each volunteer's timesheet is compartmentalized into its own block for fast scanning, with a live count and search bar so admins can immediately gauge volume and locate a specific volunteer

On desktop, the timesheet opens in a modal rather than a full page. The information needed per entry is minimal, so a modal lets admins review and dismiss quickly without losing their place in the broader list.

design fix no. 2
Email Update: Aesthetics and Communication Improvement
The original volunteer email was plain text, making key details easy to miss.
I redesigned it with a clear visual hierarchy: the volunteer's name and total hours (capped at 48) are called out immediately, followed by shift details, with the organization's address and website included for quick reference.

design fix no. 3
Volunteer ID Management: Editing and Deletion Addition
Added editing and deletion directly to the volunteer ID list, removing the need for admins to navigate elsewhere to manage records.

The edit modal is organized into four sections — General Information, Time, Location, and Description — so admins can scan by category instead of parsing one long form.

This was my first experience being a part of a larger team with sprints, and it taught me that communication was the defining make-or-break factor when it came to teamwork and design. There was confusing terminology used in the wording of the tickets at times, and the most important thing was to be direct if there were any issues.
organize using mental models
A notable thing that I learned was that when faced with a large amount of options/information, it is important to separate and organize the items in a way that clearly create a distinct separation between them. It is through this separation that users can immediately grasp the information chunks without mental overwhelm.
design around existing systems
Since these designs extend outwards from existing systems, I realized that an important thing to keep in mind was to find ways to use existing flows in the new flow. In doing so, there is an improvement in consistency and usability as the existing users can translate their built intuition onto the newer interfaces.

