06 / 2023

·

Apr - Aug 2023

·

Web Design · Donation UX

The Big Give

Redesigning one of the UK’s largest match-funding platforms to make donating easier and campaign management smoother. Working with the UX lead and an in-house development team.

The problem

The problem

A site whose whole job is turning intent into donations, without friction, confusion, or the usual charity-website clutter.

Build a new platform that streamlines the donation journey, presents all the information donors need to give with confidence, and gives the Big Give team an easier way to publish funds and campaigns on the back end.

Context

Context

The Big Give runs match-funding campaigns for charities and causes across the year, donations made during their key moments are doubled by a network of match funders. We were brought in to redesign the platform following their rebrand.

I worked closely with the UX lead and SEO strategist on an audience mapping report that defined the primary problems, the goals, and the audience groups we needed to design for. Because the site’s whole job is to convert intent into donations, user research shaped almost every decision we made.

Key decisions

Key decisions

01

Fund cards that earn a click

Fund cards had to do a lot of work: communicate the cause, show progress toward the goal, and make the donation CTA unmissable, all without overwhelming the user. We leaned on Big Give’s bold brand blue to make CTAs obvious, built a clear progress bar into every card, and kept the information density tight.

02

Filtering that scales to 50+ options

The Big Give hosts hundreds of funds across dozens of categories, so filtering was make-or-break. We built a pop-up module with drop-downs that could handle 50+ filter options without cluttering the main browse experience, giving power users depth while keeping the default view clean.

Process

Process

01

Audience & priorities

Audience mapping, personas, and a MoSCoW session with the client to set priorities before any design started.

02

Component-first design

Because we were working with the client’s in-house developer, we built a component library before any full pages, then tested those components with real users via Typeform to validate layout, colour, and accessibility before scaling up.

03

Wireframes & handover

With components signed off, we built out full desktop and mobile wireframes fast, then prepared a clean handover file for the in-house development team.

Mon, 3 Aug 20261:31:12 PM

© Harry Thorpe · 2026

London, UK