Traceport

Brand and product design for nonprofits to track, verify, and report their impact.

Scope

UX/UI • Design System

Industry

B2B Software

Timeline

Q1 2025

Context

Traceport is a transparency tool built for charities to record, verify, and report their funding in real time. As the brand and product designer on this project, I was responsible for the end-to-end design of the Charity User MVP — from the brand identity to the entire platform interface.

The challenge was to create a trustworthy, efficient platform that helps nonprofits stay accountable to funders while reducing reporting pain. Designed within a 4-week sprint as part of Block Dojo’s incubator, this MVP was aimed at laying the foundation for future iterations and investment.

Context

The Challenge

Nonprofits often rely on outdated systems like spreadsheets or email trails to track grants and deliver reports. This leads to:

Lack of real-time fund visibility
Difficulty verifying use of funds
Poor communication with donors and board members

Our goal was to solve these pain points through a clean, intuitive product — designed with trust, clarity, and usability at its core.

The Design Process

The charity-side MVP includes five core features:

1. Dashboard — Displays fund summary, org info, and a donut chart breaking down focus areas.

2. The Record — A central hub for funding activity, where users can upload new records manually or in bulk.

3. Manual Upload Flow — A guided, multi-step form designed with tooltips, status indicators, and inline hints to ease complex data input.

4. Bulk Upload Flow — A simple 4-step system allowing users to fill out a pre-structured CSV template, verify the data, and submit with confidence.

5. Export Report — Users can generate donor- or board-facing reports by selecting a template, date range, and specific fund criteria.

Throughout the process, I made UX decisions that prioritise ease of use, such as sectioned input, colour-coded progress states, and flexible reporting options.