Sainsbury’s Components

Component Style guide


June 2016

The Problem

When first joining Sainsbury’s, I found that the team were using templates for their page builds.

After talking with a number of the producer team I found that they want more control within their pages. As the team did not have HTML skills it caused a lot of pages to break as they tried to change their pages.

Here I instigated the move for our designs to be component based. Allowing our producer team to changed the content of the page and quickly and easily create their own templates without the need to brief a new template and duplicate content.

First building the atoms that allowed the producer to choose the text format they wanted to use within their content.

Then producing multiple templates the producer can use within their pages and drop content into.