FML_header

Food Matters Live Relaunch

Food Matters Live is an events-based organisation championing food innovation and sustainability. This project required UX/UI design for the relaunch of the Food Matters Live online site, following a rebrand by Curious London. Working into the Digital CD of Curious I helped implement the new brand direction with a comprehensive set of templates and a component design library.

Live link

FML_Ipad_01
FML_Ipad_02

Modular design

The re-design largely followed a modular card-based structure with continuous labelling and signposting to help the users navigate the broad amount of content types and categories.

Promotional layout sections helped drive particular sign-ups or partner profiles.

Homepage
Homepage-2-weeks-to-event

Templates could be adapted to act as mini-event homepages or as subject matter homepages as seen with the addition of background colour blocks to provide a distinctive section of the site and add a colour categorisation.

Events-landing
Event-tech-page2
Podcast-Full-Width

As the user gets deeper into the site - full-width page templates are used, becoming more tailored to their specific use. Below is an editorial content page that sits behind sign-up functionality, on the right a layout showing the running order of events over two days.

Article-page-premium-content
Programme-page-Light

Mini Design System

Once templates, component structures and design elements were finalised, a mini design system in Figma was created to support the build team. Below is a selection of some artboards and components from the design system.

DS_Card_article
DS_Event-cluster_4col
DS_Content-component_grp1
DS_Content-component_News-filter-results
DS_Buttons
DS_Text-elements