Redesigning the Ramadan donation

Redesigning the Ramadan donation

experience for MATW Project

experience for MATW Project

A UX improvement concept for a charity platform's food aid donation flow

A UX improvement concept for a charity platform's food aid donation flow

Role

Product Design, UX Research

Timeline

3 Weeks

Industry

E-Learning

Tools

Figma, Miro

Role

Product designer

Timeline

< 2 days

Industry

Charity donation

Tools

Figma

About MATW Projects

The MATW Project is an international humanitarian charity founded in 2016 by the late Ali Banat, operating with a unique 100% donation policy to ensure all contributions reach those in need.

This case study focuses on a strategic website redesign of the Ramadan donation flow, a critical high-traffic period for the organization. The redesign aimed to optimize the user experience for Zakat and Sadaqah contributions, streamlining the path from intent to impact for donors worldwide.

By modernizing the digital interface and simplifying complex giving categories, the project enhanced donor trust and improved conversion rates during the charity's most vital fundraising season, ultimately supporting life-saving aid for over 19 million people globally.

The challenge

MATW Project is a global charity that runs large-scale food aid campaigns during Ramadan. Their donation page sees a significant spike in traffic during this period, with donors looking to contribute to iftar meals, food packs, and orphan support across multiple regions.

The existing donation experience had friction points that made it difficult for donors to browse options, select multiple items, and complete their contribution with confidence. During a time when generosity is at its peak, the interface was slowing people down instead of helping them give.

I was brought in to rethink the food aid selection and checkout experience making it easier for donors to understand what they're funding, add multiple items, and complete their donation without confusion

MATW Project is a global charity that runs large-scale food aid campaigns during Ramadan. Their donation page sees a significant spike in traffic during this period, with donors looking to contribute to iftar meals, food packs, and orphan support across multiple regions.

The existing donation experience had friction points that made it difficult for donors to browse options, select multiple items, and complete their contribution with confidence. During a time when generosity is at its peak, the interface was slowing people down instead of helping them give.

I was brought in to rethink the food aid selection and checkout experience making it easier for donors to understand what they're funding, add multiple items, and complete their donation without confusion

My Role

As the Product Designer, I redesign this flow for better converstions

My responsibilities included:

  • UX and UI design

  • Component creation

  • Design consistency

  • Developer collaboration

  • Redesign the flow

Figma design preview