The challenge

The website was hard to navigate and worked poorly on mobile, so it was losing visitors and potential donors. Each team built its own pages and assets its own way: the results were inconsistent and the same work was done several times. Performance data was scattered, and nobody could say for sure what was working.

What we did

Listening first

We started by listening to the communications, advocacy and fundraising teams to understand what they needed to show and what was holding them back. From there we redesigned the homepage around the essentials and reorganised all content under a simple taxonomy. The site runs on Drupal, so the teams keep editing pages themselves, with the interactive parts built in React.

  • An interactive globe showing the organisation's presence worldwide, without the Euro-centric view of standard maps.
  • Dynamic charts showing the impact of work in the field.
  • Revised tracking and shared dashboards, so decisions are based on data.

Campaigns that convert

For the end-of-year fundraising campaign we built multilingual landing pages with A/B testing, a widget showing donors their tax benefit in real time and, at the end, a personalised PDF postcard. Donor details went straight into the CRM (HubSpot), so the team could follow up.

Charity gift cards from the fundraising campaign, with the donation's tax benefit calculated alongside.
Charity gift cards from the fundraising campaign, with the donation's tax benefit calculated alongside.

A design system for autonomy

With the internal teams we defined the brand rules and turned them into a complete library, from basic elements to patterns and page templates, documented so anyone can use it, responsive and built with accessibility in mind.

The design system file in Figma, with pages, text styles and colours.
The design system file in Figma, with pages, text styles and colours.

The results

  • Website traffic rose by about 15% after launch, mostly thanks to the fundraising campaigns that started at the same time, and donations rose with it.
  • A complete design system of 50+ components that teams use to build consistent pages and campaigns.
  • Performance reporting available in shared dashboards.

What this can do for you

If your website no longer reflects what your organisation does, or each team builds its assets its own way, a reorganised site and a shared component library fix both. Your team gains the autonomy to publish consistently, and none of this required hiring an in-house engineering team.

The interactive features, real-time donor tools, and intuitive navigation transformed how we connect with global supporters. It’s rare to find a partner that delivers both high-level design consistency and real, measurable growth.
Isabelle, Deputy Director of Fundraising

Services

The NGO website's redesigned homepage, responsive on desktop and mobile.
Interactive globe showing the countries where the organisation works.
Impact figures and a chart of the year's largest interventions.
Charity gift cards from the fundraising campaign, with the donation's tax benefit calculated alongside.
Prototypes for the end-of-year campaign: an advent calendar, charity gifts and other ideas that were tested.
Personalised PDF postcard sent to donors at the end of the campaign.
The design system file in Figma, with pages, text styles and colours.
The design system colour palette, with primary, neutral and accent scales.
Basic typography elements of the design system, in dark mode.