Scoffable

2022

MY ROLE

Creative Direction
User Experience
Team Leader

TOOLS

Sketch
Adobe CC
Print Management

SUMMARY

Scoffable is a popular online food order and delivery service based in Scotland. I am currently responsible for leading all aspects of the design and user experience across all platforms. The main challenge being transforming a tired and dated brand into something fresh and dynamic.

Look & Feel

The previous look and feel was uninspiring, flat, difficult to read and didn’t scale well on smaller devices. The goal was to create a new identity that could be responsive, bold and playful to reflect the company direction and ethos.

OLD LOGO

Old-Logo

NEW LOGO

Wordmark-Icon

The logo was redrawn, giving it more weight with particular attention paid to spacing and use of ligatures to give the logo more of a natural flow. The previous 'bite marks' have been removed and the addition of a new brand mark has been created. This allows the branding to be more flexible across all outputs. The colour palette was also changed to make it more vibrant.

Colour

The signature red colour was retained but it has been made more vibrant and fresh.

We have also added a suite of secondary colours to accompany the red and give a richer look and feel to the branding.

Colours-1

Colour Moods

The use of colour should depend on the type of communication. The designs are reflected in three different communication types…

  • Inspiring
  • Informing
  • Functional

More red is used in inspiring communications and less in the informing and functional comms.

Inspiring
Promotional, competitions, annual events

Colour-1

Informing
Our company, our services, features, stories

Colour-2

Functional
News, statements, company updates

Colour-3

Inspiring
Example

Ad-1

Informing
Example

Ad-2

Functional
Example

Ad-3
Type-2

Typography

Typography is one of the most important visual assets as it touches everything from apps to print items and social media.

A suite of fonts were chosen that immediately make them feel more confident and bold with a clear structure so that everything is readable and accessible.

Website & App

The website and apps were overhauled to reflect a clean, user-focused design approach. Making the process of ordering your favourite takeaway as easy as possible.

BEFORE & AFTER COMPARISON

Website-Old-1 Website-New-1
Scoffable-Website-2

Animations

Adding little moments of delight and personality to the user experience is important and we have done this in subtle ways to hopefully add some further enjoyment to the user.

Rider
Bag-1
Bell-1
Great

Icons & Illustrations

A suite of icons and illustrations have been designed to help tell the story to customers in an easy and engaging way. These are used across platforms such as the website, app, email and social media too.

Hero Illustrations
Examples

Chinese
Burgers
Indian
Desserts
Pizza
Chippy

Cuisine Illustrations
Examples

Group

Badge Illustrations
Examples

Badges

System Icons
Examples

Icons-1
Style-Guide
Scoffable-Tote-1-1
Design-1
Sign
Scoffable-Car-Side

Selected Works

ScoffableBranding, UI, Motion

The TelegraphCorporate Design

BFI Black StarCampaign

ScreenIdentity, UI

CouttsProduct Lead, UI

BFIAdvertising

IllustrationsIllustration

TypographyTypography

View