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

Selected Projects

The OpenDesign

KOKODesign

Sports Data PlatformProject type

SpinnupDesign

SemaBranding

TriumphDesign

GrosvenorProject type

SkoposDesign

DofEProject type

Property MarketingProject type

The Break EmojiProject type

Encourage OmarProject type

Video ContentProject type