Skip to main content
Client name: Mental Health First Aid England
Sector: Not-for-profit
Image of a person on their laptop looking at the mental heath first aid england website

Overview

MHFA England® is the country’s leading provider of quality mental health training and the national authority on mental health first aid.

As part of a wider digital transformation programme, we were commissioned to redesign and replatform MHFA England’s public-facing website – helping to better communicate their vision and mission and improve their course booking experience.

Image of a person sitting, holding their mobile phone while looking at the mental health first aid england course finder website

Image: Prototyping and testing a website tool to help users find the right Mental Health First Aid course.

Image of a design system for mental health first aid england

Image: Part of a unified, accessible design system we designed and built for the new website.

Our approach

We began with a discovery phase to clarify the outcomes MHFA England were looking to achieve through a redesign – both for external users and for internal communications, CRM and support teams.

We also carried out a detailed review of recent user research and data insights that had informed early thinking about the redesign. Using these inputs, we began mapping key user journeys and developing site maps and low-fidelity wireframes to review and refine.

Image: Example of the new homepage that we designed to deliver a clearer message about MHFA England and improve key user journeys for different audiences.
Quote icon
Following a competitive tendering process as part of our Digital First Transformation project, we chose DotCentric as our agency partner. DotCentric impressed us with their extensive user experience knowledge and their collaborative approach to working. We are undertaking complex digital transformation in a number of key strategic areas, requiring the agency to have the knowledge and ability to work within a matrix set up, with various other agencies as well as disciplines such as CRM integrations. From undertaking user research and UX analysis, to design, wireframing and prototyping, DotCentric have provided a first-class service and client experience. We are excited to see the new website launch and feel the positive impact it will have on our vision to improve the mental health of the nation.
Vicki Cockman

Director of Training and Consultancy, MHFA England

Validating design decisions

During our design phase we created clickable prototypes to explore revised user journeys, navigation structures and content design with stakeholders. We then tested these prototypes with a range of audiences, from members of the public to MHFA England’s instructor community, to understand how well the new experience met user needs. User interviews and usability testing sessions helped us uncover actionable insights, which guided further refinements and design iterations throughout the project.

Image: Examples of the mobile experience we designed – clear, direct and supportive, helping users find the right information quickly and with confidence.

Designing an accessible design system

A focus of the redesign involved translating MHFA England’s offline brand guidelines into a fully accessible digital design system. Our front-end system enables both internal and external teams to roll out additional branded microsites and CRM-driven interfaces more efficiently and consistently – while meeting WCAG AA accessibility standards.

Image: Examples of the new instructor profile pages and course listings designed to support the dedicated instructors across the UK who deliver MHFA England’s courses.

Business outcomes