Component style guide

Project: Component Style guide
Company: Sainsbury’s
Date: 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 wanted 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 make amends.

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

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

Then building multiple templates that the producer can use within their pages, and drop content into.