Ocado
 BRAND / VISUAL DESIGN

Overview

Design lead and project manager on large-scale long-term project in line with business objectives to refresh and update the Ocado brand across all customer touchpoints, solving several legacy problems of inconsistency across multiple channels and teams, using research and design strategy to inform decisions.

The project involved a company-wide audit of existing design components and core brand elements including colour, typography, iconography, UI elements and imagery. I led internal workshops to identify and agree on the Ocado design principles: core brand elements, design principles and creative messaging. This foundation allowed us to build a visual style that is flexible for all teams, supports accessibility standards and gives a consistent brand experience for the customer at each touchpoint in the journey.

The audit provided clear insights into design legacy issues across teams and channels. Facilitated workshops with teams from UX Webshop, App team and Brand to find solutions that worked for all teams, whilst remaining true to the brand. We then proceeded to plan changes across all brand elements to simplify the visual style and create a clean, vibrant and fresh new look across brand, digital, product and creative.

ocado_logo_only-1
ocado_principles-1

COLOUR PALETTE

The digital colour palette was updated to meet the needs of all teams, and colours were reworked to meet accessibility standards. The number of colours in the core palette reduced and a colour strategy applied to visual elements based on brand style, market research and best practice, for example, colours attached to core Ocado services, buttons and colours with semantic meaning and consistent use for the customer.

ocado-colour-1

TYPOGRAPHY

The audit showed over 1000 different font style variations on the website alone and multiple variations across all teams, leading to inconsistency for the customer and internal teams across Ocado.

A new open-source single typeface based on the characteristics of the Ocado logo was selected and agreed upon, with full usage in digital and print.

The typeface was tested in situ across all touchpoints and user-tested for legibility and readability with the UX teams. A set of font hierarchy rules were agreed and the font was rolled out across all teams and guidelines.

ocado_type-1

IMAGERY

Imagery guidelines were updated to bring more vibrancy and impact to creative imagery and the original macro ‘van textures’ were developed as a key part of the brand creative application. A scaling icon to illustration strategy was agreed upon and new pixel-perfect icons were created by Brand and UX, with a strict set of rules for creation and meaning. Line, shape, fill and other global element visual styles were agreed upon, which fed into Creative Studio design templates and the UX design system to bring a consistent look and feel across all touchpoints and for use with all teams.

ocado-image-style@2x
ocado_imagery@2x
ocado_line-1

APPLICATION

mobile@2x
mobile_webshop
emails-1
banners1@2x-1
responsive_web2@2x-1

Projects

Mel EzechukwuVisual Identity

HoneStrategic Brand Identity

Myriad by UCASDigital Design / UI

Maria TwomeyBrand Identity

Meraki HealthBrand Identity

EnlitenedSocial Media

Beauty RocksBrand Identity

Meraki Health SocialSocial Media

McMurdie BathroomsBrand Identity

Logo DesignVarious

skills

Branding
Strategy / Logo Design / Visual Identity / Guidelines

Digital Design
Responsive Web / Responsive Email / Social / Motion

Visual / UX
UX / UI / Design Systems / Accessibility / Workshops

PRINT
Stationery / Leaflets / Brochures / Large Format

contact

hello@victoriahow.co.uk


Hazelwood Lane
Abbots Langley

WD5 0HD

T: 07977 582064


T

© Copyright 2024. Victoria How. All Rights Reserved.  Privacy policy.

Back to top Arrow