visual storytelling's step two i.e., how to actually use it [inbound 2014]

83
STEP TWO @LeslieBradshaw ||#StepTwo || #INBOUND14 (i.e., how to actually do it) visual storytelling’s

Upload: hubspot

Post on 20-Aug-2015

1.570 views

Category:

Marketing


1 download

TRANSCRIPT

Page 1: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP TWO@LeslieBradshaw ||#StepTwo || #INBOUND14

(i.e., how to actually do it)

visual storytelling’s

Page 2: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

howdy :)

Page 3: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

I am the Managing Partner of their NYC office & head up marcom globally

Page 4: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

I am the Managing Partner of their NYC office & head up marcom globally

In my career, I’ve helped pioneer visual storytelling efforts on behalf of some awesome brands

Page 5: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

AGENDA

Page 6: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

(Latin: “Things fit to be done”)AGE ND A

Page 7: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

The underpant stealing gnome dilemma.

Your romantic relationship with visual storytelling.

The production of visual storytelling dilemma.

The nitty gritty of visual storytelling. All 12 gritty steps.

Post script: what makes a visual storytelling team tick.

Page 8: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

The underpant stealing gnome dilemma.

Your romantic relationship with visual storytelling.

The production of visual storytelling dilemma.

The nitty gritty of visual storytelling. All 12 gritty steps.

Post script: what makes a visual storytelling team tick.

Page 9: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

The underpant stealing gnome dilemma.

Your romantic relationship with visual storytelling.

The production of visual storytelling dilemma.

The nitty gritty of visual storytelling. All 12 gritty steps.

Post script: what makes a visual storytelling team tick.

Page 10: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

The underpant stealing gnome dilemma.

Your romantic relationship with visual storytelling.

The production of visual storytelling dilemma.

The nitty gritty of visual storytelling. All 12 gritty steps.

Post script: what makes a visual storytelling team tick.

Page 11: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

The underpant stealing gnome dilemma.

Your romantic relationship with visual storytelling.

The production of visual storytelling dilemma.

The nitty gritty of visual storytelling. All 12 gritty steps.

Post script: what makes a visual storytelling team tick.

Page 12: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

UNDERPANTS !

GNOMES !

ROMANCE !

GRIT

Page 13: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

#STEPTWO

Page 14: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP ONE:collect underpants

Page 15: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP TWO:

Page 16: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP THREE:profit.

Page 17: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]
Page 18: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP ONE:decide to use

visual storytelling

Page 19: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP TWO:

Page 20: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

STEP THREE:profit.

Page 21: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE ROMANCE

Page 22: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE FLIRTATION…

you “like” and “share” visual content from other brands

Page 23: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE FLIRTATION…

you “like” and “share” visual content from other brands

Page 24: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE SEDUCTION…

everyone is doing it! they look so successful!

Page 25: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE HEARTBREAK…

producing good work is hard

time

budget

Page 26: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE HEARTBREAK…

producing good work is hard

time coordinating stakeholders externalities

approvalsdata = weak story = weak

trust = weak

overly branded

budget

Page 27: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE HEARTBREAK…

producing good work is hard and it doesn’t always work out

budget

lost in translation

coordinating stakeholders externalities

beat to the punch

timing just “off ”

approvals

time overplayed tactic

data = weak

design = weak

story = weak

trust = weak

overly branded

no ROI

Page 28: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

THE NITTY GRITTY

Page 29: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

1. Customer Research

2. Identify Opportunities

3. Test Propositions (Repeat 1 - 3)

4. Supplementary Research

Get out in the field. Ask open-ended questions.

OBSERVE real behaviors.

Distill your findings. Extract out the opportunities. Let the data speak for itself.

Start with sketches + small batches. Don’t blow your budget on one BIG idea.

Do you have all the data you need to make a sound

argument? No? Go fish.

5. Analysis6. Creative Brief

Development7. Sketch /

Wireframes8. Copywriting

Combine what you know + what you’ve learned. Be ruthless RE: cutting fat.

Combine goals, mandatory elements, dimensions,

sketches.

Don’t be afraid of pen and paper. Or Balsamiq.

Everyone should contribute.

Respect a designer’s time by buttoning up the copy and

nailing character count.

9. Moodboards & Styleframes

10. Combine Design + Copy

11. Edit12. Release, Refine,

ReuseExplore styles through

mood boards (Pinterest!) and rough color mock ups.

Sort of like folding the dry ingredients into the egg mixture. Taste the batter!

Get a fresh set of eyes on all aspects of the asset.

Release and monitor performance. Templatize and watermelon smash.

PLAN THE WORK, WORK THE PLANPH

ASE

1PH

ASE

2PH

ASE

3

Page 30: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

PHASE 1

over opinionevidence

Page 31: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over opinionover your goals

evidence customer

Page 32: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over opinionover your goals

over tatical enthusiasm

evidence customerstrategy

Page 33: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

1. CUSTOMER RESEARCH

Flickr : darronb

Page 34: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

2. IDENTIFY OPPORTUNITIES

Flickr : nathangibbs

Page 35: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

3. TEST PROPOSITIONS

my pic :-)

Page 36: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

4. SUPPLEMENTARY RESEARCH

Flickr : jacobgutierrezflores

Page 37: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over BDUFsmall batches

PHASE 2

Page 38: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over BDUFsmall batches

Page 39: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over BDUFover table tennis

small batchesco-design

Page 40: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over BDUFover table tennis

small batchesco-design

over “creatives”T.E.A.M.

Page 41: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

5. ANALYSIS

Flickr : internetarchivebookimages

Page 42: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

6. CREATIVE BRIEF

my doc :-)

Page 43: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

7. SKETCH / WIREFRAME

Flickr : baldiri

Page 44: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

team’s rough sketches

Page 45: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

turned into this…

Page 46: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

8. COPYWRITING PRECISION

Flickr : mamchenkov

Page 47: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over finitudecontinuous improvement

PHASE 3

Page 48: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over finitudecontinuous improvement

Page 49: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over finitudeover marketing fluff

continuous improvement real value

Page 50: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

over finitudeover marketing fluff

over profit

continuous improvement real value

trust

Page 51: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

9. MOODBOARDS & STYLEFRAMES

Pinterest: Tiffany Farrant Gonzalez Mark Kulakoff Jehoaddan Kulakoff

Page 52: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

10. COMBINE DESIGN + COPY

Flickr : benward

Page 53: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

11. EDIT WITH FRESH EYES

Flickr : nics_events

Page 54: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

12. RELEASE, REFINE, REUSE

Flickr : joeybls

Concept: @jchernov

Page 55: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

reso

urce

s

time

Video eBook

Page 56: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

reso

urce

s

time

Styleframes = Snackables for Social

Animatics = Gifs

Vector Images = Template Building Blocks

Script = Blog Posts

Video eBook

Thesis

Evidence

Authors

Graphics

Page 57: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

FINAL ADMISSIONS

Page 58: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

Respecting the process is key.

Used to sell it, still believe in it. Most of the time.

The second step is always hard.

Page 59: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

Respecting the process is key.

Used to sell it, still believe in it. Most of the time.

The second step is always hard.

Page 60: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

Respecting the process is key.

Used to sell it, still believe in it. Most of the time.

The second step is always hard.

Page 61: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

SPECIAL THANKS

Page 62: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

@TheTraceyCarl @Kyle_Musgrave

@marklemunyon

@alixmcalpine @olsonchr @RobynCantTweet

@tiffanyfarrant @ripetungi

@supnah @ChristianJDay

@ripetungi

@jennykarn

@jchernov

@nishachittal

@michael_hendrix

@theEABrown

@sarahEhill

@kulakoff

@JehoaddanK

Page 63: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

[email protected]

@lesliebradshaw

PLEASE STAY IN TOUCH :)

Page 64: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

POST SCRIPT: WHAT MAKES YOUR

TEAM TICK? !

WHAT TICKS YOUR TEAM OFF?

Page 65: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“…the client allows us to experiment and trusts our vision without injecting heavy-handed branding or logos.”

!

!

!

- @alixmcalpine creative, BuzzFeed

I LOVE IT WHEN…

Page 66: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… the client knows exactly how the content will be used, and then repurposed.” !

- @supnah content strategist, BitTorrent

I LOVE IT WHEN…

Page 67: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“…the client fully shares the brand with me. Not just a brand guide, but the raison d’être… it’s a lot more genuine if we're telling the story of the company as well [as the product].”

- @olsonchr content strategist

I LOVE IT WHEN…

Page 68: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… the client hands over the all the data, and says: ‘we think this is the story, but would like for you to help us refine / find it’.” !

!

- @ripetungi information designer

I LOVE IT WHEN…

Page 69: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“Good content should deliver on both business needs and user needs. It's easy for clients and agency folks to keep the business needs in mind, but fighting for value for the end user can be difficult at times.” !

- @Kyle_Musgrave content strategist, Havas Worldwide

Page 70: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

"The hardest parts of a visual storytelling project are all at the beginning, when your focus is on crafting strong content before even beginning the visual work.” !

- @michael_hendrix strategist, US Chamber of Commerce Foundation

Page 71: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“It's easy to get excited about the data set and to want to share everything you have. But there's a real art in cutting the fluff to reveal the singular message you want to get across.” !

!

- @jennykarn co-founder, Beutler Ink

Page 72: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“Sketches are the key to happiness, smooth approvals and sunshine all around. !

One of our designers sketches things by hand with pencil to paper and I love that we have a tangible product on our side to hold on to after a project is completed.” !

- @alixmcalpine creative, BuzzFeed

Page 73: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… the client is married to one visual solution instead of being open to letting the designer explore ideas.”

!

!

!

- @RobynCantTweet art director, Beutler Ink

I HATE IT WHEN…

Page 74: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

I HATE IT WHEN…“… the client gives piecemeal feedback and copy updates round after round after round, when … we could have received the feedback in one complete round — our time is as valuable as theirs!” !

- @ChristianJDay creative director, Knight Studios

Page 75: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… the client doesn't have a clear objective for telling the story in the first place. Why will your audience find this story of value? Who is the audience you are telling this story to?”

!

- @TheTraceyCarl content strategist

I HATE IT WHEN…

Page 76: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“…the client judges the world through a camera instead of their eyes.”

!

!

- @theEABrown strategist

I HATE IT WHEN…

Page 77: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… my boss asks for the impossible, or asks for sky high conceptual ideas without understanding the executional realities.”

!

!

!

- @nishachittal strategist, msnbc

I HATE IT WHEN…

Page 78: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

I HATE IT WHEN…

“… the client shoehorns their marketing objectives into the story.” !

!

!

- @marklemunyon client manager, NOBODY

Page 79: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… decides the creative strategy before proper research and team brainstorming.” !

!

- @sarahEhill content strategist

I HATE IT WHEN…

Page 80: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

“… I am told I only have a width of 600px to work with.” !

!

!

- @tiffanyfarrant information designer

I HATE IT WHEN…

Page 81: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

I HATE IT WHEN…

“… the client starts with the visual, before allowing the data to reveal the story it wants to tell.”

- @ripetungi information designer

Page 82: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

I HATE IT WHEN…

“… the client is certain they want to say X very emphatically, but is pretty sure X is not actually true or that any evidence exists for it.”

- @supnah content strategist, BitTorrent

Page 83: VISUAL STORYTELLING'S STEP TWO I.E., HOW TO ACTUALLY USE IT [INBOUND 2014]

[email protected]

@lesliebradshaw

PLEASE STAY IN TOUCH :)