Marks & Spencer - Food Tech Connect Website

  • The Marks and Spencer Producer Food Tech Connect website presented on an Apple MacBook laptop, iPad tablet and iPhone smart phone
  • The Marks and Spencer Producer Food Tech Connect website presented on an Apple MacBook laptop
  • The Marks and Spencer Producer Food Tech Connect website presented on an Apple iPad tablet shown landscape
  • The Marks and Spencer Producer Food Tech Connect website presented on an Apple iPad tablet shown portrait
  • The Marks and Spencer Producer Food Tech Connect website presented on an Apple iPhone smart phone shown landscape
  • The Marks and Spencer Producer Food Tech Connect website presented on an Apple iPhone smart phone shown portrait

Marks and Spencer plc are a well known and trusted multi-national retailer established in 1884 in Leeds. Their operations, in the present day, are based out of their head office in the City of Westminster, London. They specialise in the selling of clothing, homewares and luxury food products.

Requirements

Having worked with M&S on previous projects, it was our pleasure to accept the major undertaking of developing a brand new, critical piece of software for them to supersede an older system.

M&S Food Technical Centre required a system to support their operations and interactions with suppliers and auditors.

The web software needed to encompass multiple applications including:

  • A document library
  • A complex database of organisations and users
  • Form submissions and tasks management
  • Custom audit control processes
  • Nutritional benchmarking
  • Bespoke Excel and on screen reports

Solutions provided

  • We had a series of discovery workshops with the client to determine the key areas of the project and identify goals
  • We created a content strategy to define what new data structures should exist to allow for rich linking of content
  • We proposed a phased delivery of the website application based on priorities
  • We took the previous system's raw data and created several algorithms to transform the data into the new data structures
  • We iterated through some design prototypes to arrive at a consensus for the site templates and user journeys
  • The client partnered with us as we built the system functionality, testing the various components as they were delivered in order to validate their effectiveness in addressing each of the business cases
  • We demoed critical functionality early, and continually so we could make amendments as we progressed
  • The initial application was launched in January 2015 and continues to be extended as M&S's requirements evolve

Design and build process

As we started to analyse the requirements, we realised that there were going to be a lot of different user journeys through the application. So the first step was to design a stripped back and minimal interface with plenty of opportunity for expansion, to give us a good basis for future flexibility. Our designer Darren came up with an icon set which clearly defined each area. This helped to visually represent which part of the application the user was in and the necessary tasks that could be carried out.

We created a set of "style tiles" which clearly defined how buttons, boxes and form elements should look. This meant that as the project grew the design could fit all aspects of the content of each section. M&S were immediately taken with our design presentation so we set to work on coding the interface in a responsive way so that it was usable and beautiful on a variety of device displays such as tablets, mobile phones and laptops as well as desktop screens.

In summary

M&S Connect launched in January 2015 and continues to be actlively developed by Real Life Digital as new requirements arise.

The system as a whole has been met with praise from its users (auditors both internal and external to M&S, food technicians and supply organisations) and has led to other ideas from team leaders at M&S to add complementary new functionality to the initial build.

M&S Connect is a private website, but you can read more about some of the other projects we have worked on for M&S such as the Supplier Exchange and the Producer Exchange.

Can we help you?

Contact Us today for a FREE consultation.

Claire Hughes - Head of Nutrition and Science at Marks and Spencer
Connect has been a great success. It is intuitive with clear codes of practice... and it affords us better management of our contact lists with clarity on when updates take place as emails go directly to [suppliers].
Claire Hughes
Head of Central Technology

Type of website:

Extranet / Intranet icon

Extranet / Intranet

Services provided:

Design / UX icon

Design / UX

Development icon

Development

Support icon

Support

Consultancy icon

Consultancy

The Marks and Spencer Food Tech Connect website presented on an Apple MacBook laptop which is sat on a small round wooden table
The Marks and Spencer Food Tech Connect website presented on an Apple iPad tablet which is held above a wooden table by a pair of hands
The Marks and Spencer Food Tech Connect website presented on an Apple iPhone smart phone which is held in one hand