Runnymede Trust

Runnymede Trust

A bold brand boost for a leading race equality think tank
Background

The Runnymede Trust is the UK’s leading race equality think tank. They provide authoritative research-based interventions that equip decision-makers, practitioners and citizens with the knowledge and tools to deliver genuine progress towards racial equality in Britain.

Client
Runnymede Trust
Year
2022
Services

Digital Design

Brand identity

UX and UI - User Experience and User Interface

Lorem ipsum

Challenge

The Runnymede Trust needed a website and brand refresh. One that felt worthy of their important work.

Their existing site was outdated. It didn’t reflect their bold mission statement and didn’t meet key accessibility standards. Their donation page was hosted on a different site, and they needed a more modern, structured navigation to make it easier for viewers to engage with their content.

They wanted an evolution of their brand guidelines, not a revolution. This meant updating their bright, bold company colours and logo, and introducing new typography.  

Due to the proposed size of Runnymede’s website and their requirements, we chose to build it in Webflow, which allows for flexible, design-led content management. This would also keep costs down, as Webflow requires little to no coding.

Solution

We worked closely with the Runnymede team to refresh their brand and bring it up to date. Our graphic design team implemented a refresh of their distinct colour palette that reflects Runnymede’s bold ambitions.

The team also made clean, subtle changes to the Runnymede logo, as well as replacing the final E with the equals sign. This reinforces Runnymede’s purpose of delivering progress towards racial equality in Britain.

The graphic design team then worked alongside the digital design team to implement these brand devices onto the new website. For instance, the equals sign was transformed into a device to anchor content on the site. The digital design team then developed this into clever animations which are used across the site.

After successfully updating Runnymede’s brand identity, the digital design team worked closely with Runnymede to make their website dreams a reality.

The team created a clear flow of content throughout the website, allowing the user to navigate the site with ease.

They added key integrations such as Jet Boost on the blog page, which allows users to filter posts by category, so they can easily locate articles.  

They also added Donately, an integration that allows users to donate to Runnymede directly on their site without being directed to an external site. Already in the first few weeks of the site being live, we’ve seen a significant rise in donations.

It was important to the Runnymede team that the new site was accessible to all. So, the digital design team ensured that it passed the AA accessibility standards.

Finally, we provided the Runnymede team with concise training sessions on Webflow so that they can upload their outstanding new content onto the site without reliance on us.

In all, we gave Runnymede a brand refresh and produced a new website which gives their inspiring work the platform it deserves.

Results
+2,500
New website users per week
45.2%
Increase in donations

What’s a Rich Text element?

The rich text element allows you to create and format headings, paragraphs, blockquotes, images, and video all in one place instead of having to add and format them individually. Just double-click and easily create content.

Static and dynamic content editing

A rich text element can be used with static or dynamic content. For static content, just drop it into any page and begin editing. For dynamic content, add a rich text field to any collection and then connect a rich text element to that field in the settings panel. Voila!

How to customize formatting for each rich text

Headings, paragraphs, blockquotes, figures, images, and figure captions can all be styled after a class is added to the rich text element using the "When inside of" nested selector system.

Test title for heading 1

Test title for heading 2

Test title for heading 3

Test title for heading 4

Test title for heading 5
Test title for heading 6

Specialists in you
  • unordered list style