THERESA LAU

Hands Offering Hope

Optimizing checkout to drive donations

Optimizing checkout to drive donations

Optimizing checkout to drive donations

For this project, I was tasked with redesigning the donation checkout flow for Hands Offering Hope to replace their outdated webpage. The goal was to create a user experience that felt intuitive and trustworthy, while ensuring the design was fully aligned with the organization’s brand values and visual identity.

For this project, I was tasked with redesigning the donation checkout flow for Hands Offering Hope to replace their outdated webpage. The goal was to create a user experience that felt intuitive and trustworthy, while ensuring the design was fully aligned with the organization’s brand values and visual identity.

Guided giving

Crafting a Frictionless Donation Experience

Crafting a Frictionless Donation Experience

Using core UX principles, I planned a
thoughtful user journey with clear, 
progressive steps that allow users to move forward or go back without friction. Throughout the process, I made sure the interface remained visually consistent and aligned with the charity's branding to build trust and encourage donor confidence.

Using core UX principles, I planned a thoughtful user journey with clear and
progressive steps that allow users to move  forward or go back without friction. Throughout the process, I made sure the interface remained visually consistent and aligned with the charity's branding to build trust and enco urage donor confidence.

During the audit, I identified outdated components, unused styles, and inconsistencies across the design library that made the system difficult to scale.

I streamlined it by aligning key elements with the brand—removing clutter and introducing a unified colour palette, tokens for spacing, icons, and typography, along with purposeful components to ensure clarity, consistency, and scalability.

Result

The Result

Designing for Trust and Completion

Designing for Trust

and Completion

Designing for Trust and Completion

The final design delivers a streamlined and trustworthy donation experience, built on clear navigation, real-time feedback, and brand consistency. By aligning the interface with the charity’s visual identity and minimizing friction throughout the journey, the solution is designed to build user trust, support confident decision-making, and encourage successful donation completions.

The final design delivers a streamlined and trustworthy donation experience, built on clear navigation, real-time feedback, and brand consistency. By aligning the interface with the charity’s visual identity and minimizing friction throughout the journey, the solution is designed to build user trust, support confident decision-making, and encourage successful donation completions.

Create a free website with Framer, the website builder loved by startups, designers and agencies.