Kevin Healy Design
01.jpg

Coca-Cola Enterprises

Coca-Cola Enterprises

An agile approach providing a visual refresh for this responsive site

01.jpg
 

Agency: Head London
Project length: 12 weeks
End date: March 2015
Role: UI design lead involved in initial concept sketching and responsible for final UI design

Working in a scrum team with 4 other professionals, we were briefed to provide a visual refresh to Coca-Cola Enterprises’ site, and also streamline their CMS.

After initial workshops with the product owner, we decided on a route where an editor could inject buckets of content wherever they wanted when creating a page using the CMS. We then built a backlog of what these components would actually be, ordering them from most important down to desirable. 

These new components worked great when creating new pages, but we also needed to make sure a visual refresh applied on all older templates too. The most efficient way to tackle this involved me working closely with our scrum teams front-end developer and picking apart global elements like the header, footer, button styles, and typography, which we then restyled.

The client was really happy with the rapid output and delivery our agile process provided, so they decided to extend the project where we were briefed to redesign the homepage as well. This template had to provide a clear brand message and define who they were as a company in an inspiring but informative way. We commissioned a fantastic promotional video, and I also created an animated SVG illustration with our front-end developer which attempted to define what Coca-Cola Enterprises actually did as a business.

 
Homepage concept (not final photography)

Homepage concept (not final photography)

Using illustration to tell the story of the business

Using illustration to tell the story of the business

Content page components

Mixed media grid