Skip to main content
Client name: The Food and Drink Federation
Sector: Public Sector

Overview

For over a century, The Food and Drink Federation (FDF) has supported food and drink manufacturing in the UK by contributing to legislation and championing members' views on key policy areas.

Following a competitive RFP process to appoint a new digital experience and technology partner, we began working with the FDF to refresh their website – delivering a more impactful look and feel, improved information architecture and stronger front-end accessibility. Our work also focused on improving the logged-in member experience, introducing redesigned templates and content blocks and streamlining publishing workflows within the CMS.

Using research and data to guide a roadmap of improvements

During discovery we undertook in-depth user research to understand how members used the existing website. The insights we uncovered provided valuable insights into what changes and improvements would add the most value to the member experience. 

In collaboration with FDF, our evidence backed recommendations guided a roadmap of improvements to the website that we were able to sequence over multiple releases.

An image of a business meeting where two people are looking at a tablet device

Image: As part of our engagement, we prototyped and tested key member journeys to validate design decisions.

Image of a website design system that was used to redesign FDF

Image: Part of an accessible design system created to simplify the number of components and improve consistency across the website.

Testing prototypes to validate design decisions

During our design phase we worked closely with FDF’s policy and content teams to re-design user journeys, re-define information architecture and provide guidance on content design and user experience decisions.

We tested our wireframes and prototypes with members to validate our design decisions ahead of any development which provided FDF with confidence that the changes we were proposing were the right changes to make.

Finally, we worked closely with FDF’s brand team to evolve and refresh their digital guidelines to drive consistency and meet the highest levels of accessibility.  

Image: Examples of navigation, landing and long-form content pages designed to support FDF’s editorial teams and meet member needs.

Integrating with FDF’s existing CMS

During our design phase we scoped a new set of front-end components and templates that we carefully integrated into FDF’s legacy code base.

These new templates and content components were designed to drive an information centric member experience. We then carefully re-skinned the solutions legacy components and templates to ensure a consistent user experience across older areas of the website that would not be updated.

Image: Examples of mobile navigation and content components designed to improve usability on smaller screens.

Improving the publishing experience for editorial teams

FDF’s policy and communication teams’ regularity publish important business guidance, market analysis and legislative updates. During our discovery phase, we ran interviews with key members of the policy and editorial teams to listen to their frustrations with their legacy solution. 

With our deep knowledge of the Optimizely CMS we were able to make valuable changes to editorial and authoring workflows to make publishing faster, easier and more intuitive for the trade bodies internal teams.

Image: Examples of improvements to the logged-in member experience, balancing information density with engaging and personalised content from the trade association.
Quote icon
We were really impressed with how DotCentric took the time to fully understand our organisation, our members, what we do and how we work. This ensured that we were all aligned in what we wanted to achieve and worked efficiently together as one team.
Nina Hall

Digital Manager, Food and Drink Federation

Business outcomes