Each section of the site would clearly outline an ingredient. Using Coca Cola's brand elements we used a bold red and white colour palette, combined with full-bleed photography.
Mobile screens designed retained
Screen design for Diet & Coke Zero screen below.
The ingredient pages were information portals where users can drill down and find in-depth information on each ingredient.
The navigation for the site is outlined below. Once the user rolls over the specific style of Coca Cola the menu would expand revealing the ingredients. The user could then navigate directly to that section of the desired page.
The site also used parallax movement to add depth and interactivity to the pages. Notes were written up for dev team which clearly indicates the movement required. This took the guesswork out of the dev time.
A style guide was created for the front-end team.
Role in project : Lead Design
Creative direction : Daniel Bradshaw
Agency : FCBÂ Inferno
