UX/UI design

Jan 2025 - Aug 2025

About "The Charity Center"

A nonprofit platform that helps community leaders (“Fund Managers”) run charity funds without setting up their own organization or dealing with heavy bureaucracy.

The system gives them tools to manage donations, approve support requests, track beneficiaries, and keep everything transparent and organized.

About the user persona

The primary users are the Fund-Managers: people who raise money, decide how it’s used, and make sure the right people get the right support.

They need a system that’s easy to use, works fast, and keeps all the details accessible in one place.

My role in the project

I led the end-to-end UX and UI design, working closely with a talented UI designer that joined me in this project.

This involved:
- Deep user research to understand how the fund-managers work and what’s missing today
- Wireframing and crafting a fully functional UX prototype for the whole platform
- Designing with Alona a clean and accessible interface for desktop view
- Managing and maintaining a robust design system
- Working with the dev team to make sure the design was built exactly as planned

Working on "The Charity Center" wireframes from Siargao, The Philippines

Final design for the main flows

Transactions board

Similar to a banking app, it shows all the past transactions in the fund, with filters, sorting options, and a side panel for additional details or direct chat about a transaction.

Support requests board

A central view showing all requests in a table, grouped into folders by shared purpose — for example: monthly support, medical, or family events.
Each request can be opened in a side panel with its status, beneficiary details, and direct communication with the organization.

Add a new support request

A guided process that streamlines the submission of new requests. The flow begins with selecting the support purpose, followed by assigning an existing beneficiary or inviting a new one.
Fund-managers can then specify the financial need, timeframe, and attach required documentation. Once submitted, the request is automatically placed in the appropriate folder on the board with a clear initial status for tracking and approval.

Managing support goals

A clear way to manage how funds can be used.
The system includes standard goals like monthly support or medical expenses, but managers can also create custom goals for special or ongoing cases.

Each goal has defined limits and timelines, making it easy to track requests while staying flexible to real community needs.