6th CSR ONLINE AWARDS

DIGITAL DISRUPTION

AND THE FUTURE OF CSR #CSRawards

Milan, 27-28 May 2014

Michael Agar

Director, Michael Agar Design, and

Former Head of Graphics, Telegraph

Media Group

Why design and data make the world a

better place

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

INFOGRAPHICS:

THE POWER OF

VISUAL STORYTELLING

Michael Agar

MILAN 28.05.14

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

MY LITTLE JOURNEY

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

1

THE ART OF LIFE

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

OUR BRAINS ARE WIRED TO VISUALISE

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALISE WHEN WE ARE YOUNG

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

SOME VISUALISE WHEN THEY ARE OLD

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALLY TO IDENTIFY OUR WORLD

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALLY TO IDENTIFY OUR WORLD

Every day we store visual information in our brains

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALLY TO IDENTIFY OUR WORLD

Every day we store visual information in our brains

Even the words we read and analyse, we place in our mind’s visual

library to retrieve it’s meaning

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALLY TO IDENTIFY OUR WORLD

Every day we store visual information in our brains

Even the words we read and analyse, we place in our mind’s visual

library to retrieve it’s meaning

We’re hardwired to love visual problem solving; when we figure

something out, the brain releases an intoxicating rush from

neurotransmitters that say “Good job!”

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALLY TO IDENTIFY OUR WORLD

Every day we store visual information in our brains

Even the words we read and analyse, we place in our mind’s visual

library to retrieve it’s meaning

We’re hardwired to love visual problem solving; when we figure

something out, the brain releases an intoxicating rush from

neurotransmitters that say “Good job!”

Infographics are our visual context for business communication

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WE VISUALLY TO IDENTIFY OUR WORLD

Every day we store visual information in our brains

Even the words we read and analyse, we place in our mind’s visual

library to retrieve it’s meaning

We’re hardwired to love visual problem solving; when we figure

something out, the brain releases an intoxicating rush from

neurotransmitters that say “Good job!”

Infographics are our visual context for business communication

This is my business …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

2

THE LIFE OF MY BUSINESS

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

GREAT NEWS INFOGRAPHICS

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

GREAT NEWS INFOGRAPHICS

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

GREAT NEWS INFOGRAPHICS

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

GREAT NEWS INFOGRAPHICS

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

INFOGRAPHICS AND DATA

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

DATA VISUALISATION AND MARKETING

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

DATA VISUALISATION AND MARKETING

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

DATA VISUALISATION AND MARKETING

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

DATA VISUALISATION AND MARKETING

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

YOUR COMPANY’S VISUAL LANGUAGE

Companies are finding new visual ways to make content more

appealing and engaging to customers across social media,

such as infographics and video

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

YOUR COMPANY’S VISUAL LANGUAGE

Companies are finding new visual ways to make content more

appealing and engaging to customers across social media,

such as infographics and video

Infographics are not only cost-efficient, they also illustrate the value

of your company and are very easy to share

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

YOUR COMPANY’S VISUAL LANGUAGE

Companies are finding new visual ways to make content more

appealing and engaging to customers across social media,

such as infographics and video

Infographics are not only cost-efficient, they also illustrate the value

of your company and are very easy to share

Infographics are low-cost marketing with high ROI

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

4

DESIGNING YOUR

INFOGRAPHIC

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

LET’S START WITH THE CREATIVE BRIEF

The creative brief is a roadmap that points everyone in the project in

the same direction

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

LET’S START WITH THE CREATIVE BRIEF

The creative brief is a roadmap that points everyone in the project in

the same direction

It specifies the story, data and design style of the final infographic

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

LET’S START WITH THE CREATIVE BRIEF

The creative brief is a roadmap that points everyone in the project in

the same direction

It specifies the story, data and design style of the final infographic

The following questions and criteria should help you and your

commissioning process find the right infographic …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHICH FORMAT?

This depends on where you plan to distribute your infographic …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHICH FORMAT?

This depends on where you plan to distribute your infographic …

Vertical tall and Vertical are the most common types for distribution

on blogs and social media sites …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHICH FORMAT?

This depends on where you plan to distribute your infographic …

Horizontal and Horizontal wide are appropriate for presentations or

print marketing

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT ABOUT AESTHETIC STYLE?

Every story is unique, and so your infographic must reflect this …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT ABOUT AESTHETIC STYLE?

Every story is unique, and so your infographic must reflect this …

Realistic: includes photos or product images, and often you can find

background textures (paper/wood) that mimic tangible surfaces

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT ABOUT AESTHETIC STYLE?

Every story is unique, and so your infographic must reflect this …

Iconography: use of pictograms, often repeated to represent various

elements. These icons are usually not very detailed

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT ABOUT AESTHETIC STYLE?

Every story is unique, and so your infographic must reflect this …

Illustrative: includes drawn characters or other illustrations, and are

custom made by the designer

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT IS STYLISTIC FORM?

Choosing the right tone for your infographic …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT IS STYLISTIC FORM?

Choosing the right tone for your infographic …

Minimal: a minimal design places emphasis on appearance and has a

‘high-brow’ look and feel

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT IS STYLISTIC FORM?

Choosing the right tone for your infographic …

Corporate: uses set typography and swatch palette for consistency

with other corporate and marketing material

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

WHAT IS STYLISTIC FORM?

Choosing the right tone for your infographic …

Dynamic: uses non-standard fonts and often appears ‘whacky’ for

maximum attention across social media platforms

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS

For non-designers, creating eye-catching visual content can be a real

challenge, where even simple design issues can effect the quality of

you and your company’s communication

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS

For non-designers, creating eye-catching visual content can be a real

challenge, where even simple design issues can effect the quality of

you and your company’s communication

These basic fundamentals will ensure your message is noticed and

not lost …

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS

1 COLOUR

Treat colour like information – sparingly. Never use more than five colours, I often

stick to three colours

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS

2 LAYOUT

Design with a clear and logical hierarchy, aiming for consistency rather than

chaos

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS

3 ILLUSTRATION / ICONS

Icons are designed to compliment rather than intrude, and likewise with

illustration. Enhance your content

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS

4 DATA

Don’t overwhelm the audience or reader with multiple charts. Edit the data with

the core message and storyline in mind

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

5 TIPS FOR EYE-CATHCING INFOGRAPHICS …

5 SIMPLICITY

Avoid unnecessary design and decorative illustrations that don’t add value.

In most cases 3D charts skew data

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

… AND THOSE THAT DIDN’T FOLLOW GUIDELINES

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

… AND THOSE THAT DIDN’T FOLLOW GUIDELINES

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

… AND THOSE THAT DIDN’T FOLLOW GUIDELINES

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

… AND THOSE THAT DIDN’T FOLLOW GUIDELINES

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

… AND THOSE THAT DIDN’T FOLLOW GUIDELINES

C S R O N L I N E A W A R D S S E M I N A R 2 0 1 4

Ciao for now!

michaelagar.co.uk

@michaelagar

MILAN 28.05.14

6th CSR ONLINE AWARDS

DIGITAL DISRUPTION

AND THE FUTURE OF CSR #CSRawards

Milan, 27-28 May 2014