All work

Charity

Amber's Legacy

Visit the live site

Creating awareness for cervical cancer

Amber's Legacy website
What
Website
Industry
Charity
Launched
June 2026
Built with
Next.js 16, React 19, Directus CMS, Tailwind CSS v4, Framer Motion, Radix UI, Embla Carousel, Netlify, Railway
Plan
Professional

Every page and every post now edited in Directus, with nothing left on Framer

The brief

Amber's Legacy is a charity based in Sunderland, Tyne and Wear. It's named after Amber, and it works to make sure every woman across the North East has access to cervical screening, regardless of age. It was known as Ambers Law for more than six years before taking its current name. Alongside awareness work, it offers information on cervical and other gynaecological cancers, a downloadable booklet, and confidential 1 to 1 support for anyone affected. Its site carries years of news, events, fundraising walks and personal stories from people it's supported.

What we did

We designed first and migrated second. New pages for Amber's Story, Education, Stories, Gallery, News and Events and Contact were built on mock data so the design could be agreed before any CMS work. The home page was trimmed back, with sections removed and the colour softened, so the essentials (the booklet, support, education and news) are easy to reach. Once the designs were signed off, each collection was moved into Directus one at a time: global settings, the home page, contact, Amber's Story, education, education articles, stories, posts, gallery and downloadable documents, plus a new privacy policy page. Content was migrated word for word, images and PDFs were uploaded to the charity's own Directus media library, and every collection was given live preview and visual editor support.

The outcome

Amber's Legacy's site now runs on Next.js and Directus, with nothing left depending on Framer. Every page is CMS backed: global settings, the home page, contact, Amber's Story, education, the education articles, stories, 89 News and Events posts, 84 gallery images, the downloadable leaflets and a new privacy policy page. The charity can edit any of it with live preview and a visual editor, and changes appear on the live site straight away. The design is quieter than before, built to put information and support first.

What changed

Before, and after.

News and Events posts

89 pages in Framer89 posts in Directus (59 news, 30 events)

All carried over and editable in the CMS

Gallery

Images on Framer's hosting84 images in Directus with categories

Filterable gallery the charity manages itself

Information leaflets

External Framer PDF links6 PDFs in the Directus media library

Leaflets no longer depend on the old platform

Content collections

Content held in Framer10 collections plus a privacy policy page in Directus

Every page CMS backed, with live preview and visual editing

Personal stories

4 stories in Framer4 stories in Directus with portraits

Migrated word for word

On mobile

Information found quietly, on a phone.

Support, the booklet and the education pages are easy to reach one-handed, for someone looking things up privately.

Amber's Legacy website on mobile

Your move

Fancy one of your own?

We design it, build it, host it and look after it. From £20 a month, no setup fee, cancel any time.

Build 76 robot mascot waving hello

We’ll build it. You run the business.

Get started

BUILD 76Pay monthly web design

© 2025-2026 Build 76 Ltd. All rights reserved.