Background
We added new components to the existing checkout page,
aiming to make the donation process more flexible and intuitive.
Until now, users could donate to only one product or amount at a time.
We wanted to allow them to combine multiple donations. for example, a predefined amount and a custom one, all in one smooth experience.
From a product standpoint, this opened new opportunities for larger average donations and created a scalable foundation for future features like Chinese auction purchases.
The Goal
I needed to incorporate new functionality without burdening the existing layout. Although we added a step to the donation process, the goal was to make it easier and simpler, goal-driven - to complete the donation process successfully and with as little friction as possible
I explored multiple cart options: from full popups to minimal counters, and eventually chose a floating cart indicator inside the main Donate button.
It shows how many items were added and opens a short, clear list for review.
I took an inspiration from the biggest e-commerce websites- Amazon, Shopify etc.
I went with the second option, smooth and clear process.
less interaction more conversion
We explored restructuring the checkout into tabs or an accordion, which could have made the page feel more modular, especially now that multiple items are involved.
However, shifting to a completely new interaction model felt too disruptive.
Users were already familiar with the long-scroll layout, and introducing several major changes at once risked creating confusion rather than clarity.
To keep the experience stable and intuitive, we decided to maintain the single-page scroll, and improve orientation through the new sticky summary panel.
At the same time, we reconsidered where editing should happen. Since the cart isn't a full page but a short, notification-style preview, offering editing controls both there and again in the checkout would have created duplication and unnecessary cognitive load.
We chose a cleaner logic: the mini-cart is for quick visibility, the checkout is the single, focused place for real editing.
This decision was also guided by behavioral insight.
People tend to feel the impact of losing control more strongly than the benefit of gaining an option- a classic example of loss aversion.
By concentrating all editing controls in one clear, predictable location, we reduced the chances of donors feeling “stuck” or unsure, and instead reinforced a sense of confidence throughout the flow.
THE RESULTS:
Post-launch feedback was overwhelmingly positive:
#1
Clearer decision-making
The new structure gives donors immediate visibility of their total, reducing confusion and supporting faster, more confident actions.
#2
A flexible, future-ready flow
The modular cart logic and sticky summary panel create a scalable foundation for upcoming features and product expansion.
#3
Less friction,
more control
Subtle editing options and real-time feedback help donors stay in control without overwhelming interactions, leading to smoother, more intuitive conversions.
It’s just one actually but worth much more:)
This project was all about creating a smoother, more flexible donation experience, one that balances business goals with human behavior.
Through research, mapping user journeys, and refining the interaction logic, we built a clear and scalable UX foundation that now supports future growth and new product directions.
While my role focused on the UX strategy and structure, this phase laid the groundwork for an intuitive interface and stronger emotional connection between donors and the platform.
It proved that thoughtful UX can simplify even the most complex processes, and turn giving into a truly seamless experience.
