SlideShare a Scribd company logo
Art and copy:
bridging the gap
between UX,
design and content
Lauren Pope, @la_pope
InVision DesignTalks, 26th July
I’m Lauren Pope
I’m a freelance content strategist.
You can find me at @la_pope
Hello!
It’s the 1960s.
There’s an ad man called Bill Bernbach with a
big idea.
Image credit: DDB
“Art and copy...
...they should sit in the same room.”
Image credit: DDB
It sounds like a small
change...
...but it led to great ads.
Like these ones.
Image credit: DDB
How it used to work...
Account
people tell the
copywriters
what to write
Art
department
designs a
layout and
put the words
in it
Copywriters
write the copy
Sound familiar?
We’re making the same
mistakes in digital design
UX does the
wireframes
Designer does
the design
Content
writes the
copy
Mash it all
together
Game over
Play ‘Copy
Tetris’
We’re making the same
mistakes in digital design
We’re not that different.
We’re all designers.
So how do we make
it better?
WWBBD?
(What would Bill Bernbach do?)
Image credit: DDB
The team
Bill Bernbach
Ideas.
Believes ‘good taste,
good art and good
writing can be good
selling’.
Helmut Krone
Art.
A “a fidgety
perfectionist who
worked with deadly
Teutonic patience”.
Designs simple layouts
by spending hours
agonising over tiny
details.
Julian Koenig
Copy.
On-off relationship
with advertising.
A frustrated genius.
How it went down
Bill went to
Germany and had
an idea
He saw that the car
was 'honest’ and that
gave them a unique
concept and the basis
of a strategy.
The team
collaborated
through adversity
The team nurtured the
idea together and
persevered through
creative differences.
They combined
their skills to great
effect
The best of two
different disciplines
come together
perfectly to convey the
message.
The result
Image credit: DDB
We can learn something
from this story.
“
“When a team is given
responsibility for their own work,
it becomes their property. They
own it. And they walk with their
heads up, and they walk with
pride.”
― Bill Bernbach
Take responsibility
Have a
strategy
Work
together
Have
principles
Have a strategy.
Make sure you have a shared understanding of
your strategy - the North Star that everyone
navigates the project by.
“
“The kernel of a strategy contains
three elements: a diagnosis, a
guiding policy, and coherent
action.”
― Richard Rumelt,
Good Strategy/Bad Strategy
A strategic North Star
Diagnosis
The problem.
An analysis of the
problem, need or
opportunity that
you’re trying to solve
for.
Guiding policy
The solution.
The approach that’s
going to solve the
problem.
Coherent action
The plan.
A plan for how you’re
going to execute the
guiding policy
effectively.
The problem we’re solving is < problem > and < problem >.
We’re going to solve this by < solution>, < solution > and
< solution >.
To make this happen, we’re going to < action >, < action >,
and < action >.
We’ll know we’re successful when < result >, < result > and
< result >.
Play strategy Mad Libs
Have principles.
Know ‘how we do things around here’. Create
and embed your ways of working.
Some ideas
Your work is important as mine
No one’s work is more
important. We’re all equal.
No question goes unasked
We never leave a question
unasked and we never assume
what the answer will be.
We’re not defensive
If someone’s asking questions
about our work or critiquing it,
we’re open to what they say.
We prototype together
We make prototypes as team,
so we can think about the
problem from every angle.
We give good feedback
When we give feedback we’re
constructive and kind.
We eat together on Tuesday
We sit and eat together on
Tuesdays, and talk about
anything but the project.
How do you want it to be?
Start by thinking about your ideal future state, and then
work backwards: what are the principles and ways of
working you need to get there?
Work together.
Find the best ways to *really* collaborate.
The lone genius is a myth.
Edison, Morse, and all the
rest had help.
Real collaboration is
transformative
Perspective
Approach the problem
with every tool at your
disposal and diverse
viewpoints.
Efficiency
Save time, effort,
frustration and
money.
Fun
A sense of
camaraderie - you’re
in it together.
But it doesn’t just happen,
you have to work at it.
Discover Define Develop Deliver
D
iverge
Converge
Discover Define Develop Deliver
Talking
Pair
working
Critiques
Diverging and converging
Pair work
Get together in a pair
or triple around one
computer and attack
the problem together.
Critiques
Meet at a suitable
point and fully debrief
on what you’ve been
doing while you’ve
been working alone.
Talk
Talk every day. Don’t
wait to ask a question.
Try and sit together if
you can.
In conclusion
◉ We’re all designers - our work can be seamless
◉ Follow the same strategic North Star
◉ Come up with principles and live by them
◉ Work at working together
◉ Ask ‘WWBBD?’
References
● https://medium.com/theagency/the-ad-that-changed-adv
ertising-18291a67488c
● http://adage.com/article/adage-encyclopedia/bernbach-w
illiam/98346/
● http://aafomaha.org/news/back-to-the-classics-bernbach-
and-the-creative-team/
● Richard Rumelt, Good Strategy/Bad Strategy
● Strategy Mablibs adapted from Sara Wachter-Boettcher
http://www.sarawb.com/content-strategy-101/
Any questions ?
◉ @la_pope
◉ lapope.com
◉ bit.ly/lapopeslides
Thanks!

More Related Content

What's hot

Red bull final case study
Red bull final case studyRed bull final case study
50 quotes from leaders on customer obsession, customer culture and customer c...
50 quotes from leaders on customer obsession, customer culture and customer c...50 quotes from leaders on customer obsession, customer culture and customer c...
50 quotes from leaders on customer obsession, customer culture and customer c...
MarketCulture
 
Brand Management - Barbie Brand Analysis
Brand Management - Barbie Brand AnalysisBrand Management - Barbie Brand Analysis
Brand Management - Barbie Brand Analysis
Sabrina Alves
 
Coffee Personas
Coffee PersonasCoffee Personas
Customer Retention And Loyalty Powerpoint Presentation Slides
Customer Retention And Loyalty Powerpoint Presentation SlidesCustomer Retention And Loyalty Powerpoint Presentation Slides
Customer Retention And Loyalty Powerpoint Presentation Slides
SlideTeam
 
Top 10 lessons about brand experience marketing from Cannes Lions
Top 10 lessons about brand experience marketing from Cannes LionsTop 10 lessons about brand experience marketing from Cannes Lions
Top 10 lessons about brand experience marketing from Cannes Lions
Jack Morton Worldwide
 
Sales And Marketing Alignment PowerPoint Presentation Slides
Sales And Marketing Alignment PowerPoint Presentation Slides Sales And Marketing Alignment PowerPoint Presentation Slides
Sales And Marketing Alignment PowerPoint Presentation Slides
SlideTeam
 
Cadbury campaign pitch presentation (naked idea agency)
Cadbury campaign pitch presentation (naked idea agency)Cadbury campaign pitch presentation (naked idea agency)
Cadbury campaign pitch presentation (naked idea agency)
yanahada
 
Colgate DTC branding strategy
Colgate DTC branding strategyColgate DTC branding strategy
Colgate DTC branding strategy
Ashwath Krishnan
 
Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging
Liquid Agency
 
Ogilvy-Brand-Guidelines.pdf
Ogilvy-Brand-Guidelines.pdfOgilvy-Brand-Guidelines.pdf
Ogilvy-Brand-Guidelines.pdf
yecay1
 
Red bull imc plan for korea
Red bull imc plan for koreaRed bull imc plan for korea
Red bull imc plan for korea
All Jeju
 
#YVRSocial: The Rise of the Influencer [Arc'teryx]
#YVRSocial: The Rise of the Influencer [Arc'teryx]#YVRSocial: The Rise of the Influencer [Arc'teryx]
#YVRSocial: The Rise of the Influencer [Arc'teryx]
Wahiba Chair Training & Consulting
 
Channel PR Credentials PPT
Channel PR Credentials PPTChannel PR Credentials PPT
Channel PR Credentials PPT
Channel Public Relations Consultancy
 
Moris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency PresentationMoris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency Presentation
MorisPubOgilvy
 
IMC 610 Integrated Marketing Communication Plan for Kmart
IMC 610 Integrated Marketing Communication Plan for KmartIMC 610 Integrated Marketing Communication Plan for Kmart
IMC 610 Integrated Marketing Communication Plan for Kmart
Stephanie Marchant
 
New Product Launch Plan PowerPoint Presentation Slides
New Product Launch Plan PowerPoint Presentation SlidesNew Product Launch Plan PowerPoint Presentation Slides
New Product Launch Plan PowerPoint Presentation Slides
SlideTeam
 
Kapferer Model Brand Identity Prism
Kapferer Model Brand Identity PrismKapferer Model Brand Identity Prism
Kapferer Model Brand Identity Prism
nitin59
 
Don't Use That Tone of Voice With Me!
Don't Use That Tone of Voice With Me!Don't Use That Tone of Voice With Me!
Don't Use That Tone of Voice With Me!
Rock & Bloom
 
How to write a creative brief
How to write a creative briefHow to write a creative brief
How to write a creative brief
Michael Fomichev
 

What's hot (20)

Red bull final case study
Red bull final case studyRed bull final case study
Red bull final case study
 
50 quotes from leaders on customer obsession, customer culture and customer c...
50 quotes from leaders on customer obsession, customer culture and customer c...50 quotes from leaders on customer obsession, customer culture and customer c...
50 quotes from leaders on customer obsession, customer culture and customer c...
 
Brand Management - Barbie Brand Analysis
Brand Management - Barbie Brand AnalysisBrand Management - Barbie Brand Analysis
Brand Management - Barbie Brand Analysis
 
Coffee Personas
Coffee PersonasCoffee Personas
Coffee Personas
 
Customer Retention And Loyalty Powerpoint Presentation Slides
Customer Retention And Loyalty Powerpoint Presentation SlidesCustomer Retention And Loyalty Powerpoint Presentation Slides
Customer Retention And Loyalty Powerpoint Presentation Slides
 
Top 10 lessons about brand experience marketing from Cannes Lions
Top 10 lessons about brand experience marketing from Cannes LionsTop 10 lessons about brand experience marketing from Cannes Lions
Top 10 lessons about brand experience marketing from Cannes Lions
 
Sales And Marketing Alignment PowerPoint Presentation Slides
Sales And Marketing Alignment PowerPoint Presentation Slides Sales And Marketing Alignment PowerPoint Presentation Slides
Sales And Marketing Alignment PowerPoint Presentation Slides
 
Cadbury campaign pitch presentation (naked idea agency)
Cadbury campaign pitch presentation (naked idea agency)Cadbury campaign pitch presentation (naked idea agency)
Cadbury campaign pitch presentation (naked idea agency)
 
Colgate DTC branding strategy
Colgate DTC branding strategyColgate DTC branding strategy
Colgate DTC branding strategy
 
Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging Steal This Idea: Brand Messaging
Steal This Idea: Brand Messaging
 
Ogilvy-Brand-Guidelines.pdf
Ogilvy-Brand-Guidelines.pdfOgilvy-Brand-Guidelines.pdf
Ogilvy-Brand-Guidelines.pdf
 
Red bull imc plan for korea
Red bull imc plan for koreaRed bull imc plan for korea
Red bull imc plan for korea
 
#YVRSocial: The Rise of the Influencer [Arc'teryx]
#YVRSocial: The Rise of the Influencer [Arc'teryx]#YVRSocial: The Rise of the Influencer [Arc'teryx]
#YVRSocial: The Rise of the Influencer [Arc'teryx]
 
Channel PR Credentials PPT
Channel PR Credentials PPTChannel PR Credentials PPT
Channel PR Credentials PPT
 
Moris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency PresentationMoris Pub Ogilvy - Agency Presentation
Moris Pub Ogilvy - Agency Presentation
 
IMC 610 Integrated Marketing Communication Plan for Kmart
IMC 610 Integrated Marketing Communication Plan for KmartIMC 610 Integrated Marketing Communication Plan for Kmart
IMC 610 Integrated Marketing Communication Plan for Kmart
 
New Product Launch Plan PowerPoint Presentation Slides
New Product Launch Plan PowerPoint Presentation SlidesNew Product Launch Plan PowerPoint Presentation Slides
New Product Launch Plan PowerPoint Presentation Slides
 
Kapferer Model Brand Identity Prism
Kapferer Model Brand Identity PrismKapferer Model Brand Identity Prism
Kapferer Model Brand Identity Prism
 
Don't Use That Tone of Voice With Me!
Don't Use That Tone of Voice With Me!Don't Use That Tone of Voice With Me!
Don't Use That Tone of Voice With Me!
 
How to write a creative brief
How to write a creative briefHow to write a creative brief
How to write a creative brief
 

Similar to Art and copy: bridging the gap between UX, design and content | InVision Design Talks

Art and copy: bridging the gap between UX, design and content | UX Crunch
Art and copy: bridging the gap between UX, design and content | UX CrunchArt and copy: bridging the gap between UX, design and content | UX Crunch
Art and copy: bridging the gap between UX, design and content | UX Crunch
Lauren Pope
 
Ux design summit guarding against an us vs them mentality
Ux design summit   guarding against an us vs them mentalityUx design summit   guarding against an us vs them mentality
Ux design summit guarding against an us vs them mentality
John Murray
 
Discussing Design - ConvergeSE
Discussing Design - ConvergeSEDiscussing Design - ConvergeSE
Discussing Design - ConvergeSE
Aaron Irizarry
 
Design for the Design Illiterate
Design for the Design IlliterateDesign for the Design Illiterate
Design for the Design Illiterate
Atomic Object
 
Do good work june2013
Do good work june2013Do good work june2013
Do good work june2013
AdrienneBC
 
Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Nasdaq Pro/Design Masterclass at the Entrepreneurial CenterNasdaq Pro/Design Masterclass at the Entrepreneurial Center
Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Chris Avore
 
7 Do’s and Don’ts for Co-Creation
7 Do’s and Don’ts for Co-Creation7 Do’s and Don’ts for Co-Creation
7 Do’s and Don’ts for Co-Creation
Pinaki Kathiari
 
The book of design quotes - more than 100 inspirational quotes
The book of design quotes - more than 100 inspirational quotesThe book of design quotes - more than 100 inspirational quotes
The book of design quotes - more than 100 inspirational quotes
ewebbers studio
 
Critique and The Design Process: Facilitating Better Feedback
Critique and The Design Process: Facilitating Better FeedbackCritique and The Design Process: Facilitating Better Feedback
Critique and The Design Process: Facilitating Better Feedback
Aaron Irizarry
 
Karol Dulat at UX Antwerp Meetup - 28 November 2017
Karol Dulat at UX Antwerp Meetup - 28 November 2017Karol Dulat at UX Antwerp Meetup - 28 November 2017
Karol Dulat at UX Antwerp Meetup - 28 November 2017
UX Antwerp Meetup
 
How to Present (and Sell) Creative Work | Seattle Interactive 2017
How to Present (and Sell) Creative Work | Seattle Interactive 2017How to Present (and Sell) Creative Work | Seattle Interactive 2017
How to Present (and Sell) Creative Work | Seattle Interactive 2017
Seattle Interactive Conference
 
Mental Models2
Mental Models2Mental Models2
Mental Models2
Katrin Becker
 
Putting Design Back into Instructional Design
Putting Design Back into Instructional DesignPutting Design Back into Instructional Design
Putting Design Back into Instructional Design
Cammy Bean
 
Crating an Awesome Brand
Crating an Awesome Brand Crating an Awesome Brand
Crating an Awesome Brand
CityStarters
 
Design Research Synthesis
Design Research SynthesisDesign Research Synthesis
Design Research Synthesis
HJ Kwon
 
UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffer
cpetzny
 
Back of the Napkin / Blah-Blah-Blah Seminar
Back of the Napkin / Blah-Blah-Blah SeminarBack of the Napkin / Blah-Blah-Blah Seminar
Back of the Napkin / Blah-Blah-Blah Seminar
Dan Roam
 
Hero-You're creative
Hero-You're creativeHero-You're creative
Hero-You're creative
jeffatherodesign
 
The Sound's Approach to Creative Development Research
The Sound's Approach to Creative Development ResearchThe Sound's Approach to Creative Development Research
The Sound's Approach to Creative Development Research
The Sound: Exploration Strategy Innovation
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?
Amir Khella
 

Similar to Art and copy: bridging the gap between UX, design and content | InVision Design Talks (20)

Art and copy: bridging the gap between UX, design and content | UX Crunch
Art and copy: bridging the gap between UX, design and content | UX CrunchArt and copy: bridging the gap between UX, design and content | UX Crunch
Art and copy: bridging the gap between UX, design and content | UX Crunch
 
Ux design summit guarding against an us vs them mentality
Ux design summit   guarding against an us vs them mentalityUx design summit   guarding against an us vs them mentality
Ux design summit guarding against an us vs them mentality
 
Discussing Design - ConvergeSE
Discussing Design - ConvergeSEDiscussing Design - ConvergeSE
Discussing Design - ConvergeSE
 
Design for the Design Illiterate
Design for the Design IlliterateDesign for the Design Illiterate
Design for the Design Illiterate
 
Do good work june2013
Do good work june2013Do good work june2013
Do good work june2013
 
Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
Nasdaq Pro/Design Masterclass at the Entrepreneurial CenterNasdaq Pro/Design Masterclass at the Entrepreneurial Center
Nasdaq Pro/Design Masterclass at the Entrepreneurial Center
 
7 Do’s and Don’ts for Co-Creation
7 Do’s and Don’ts for Co-Creation7 Do’s and Don’ts for Co-Creation
7 Do’s and Don’ts for Co-Creation
 
The book of design quotes - more than 100 inspirational quotes
The book of design quotes - more than 100 inspirational quotesThe book of design quotes - more than 100 inspirational quotes
The book of design quotes - more than 100 inspirational quotes
 
Critique and The Design Process: Facilitating Better Feedback
Critique and The Design Process: Facilitating Better FeedbackCritique and The Design Process: Facilitating Better Feedback
Critique and The Design Process: Facilitating Better Feedback
 
Karol Dulat at UX Antwerp Meetup - 28 November 2017
Karol Dulat at UX Antwerp Meetup - 28 November 2017Karol Dulat at UX Antwerp Meetup - 28 November 2017
Karol Dulat at UX Antwerp Meetup - 28 November 2017
 
How to Present (and Sell) Creative Work | Seattle Interactive 2017
How to Present (and Sell) Creative Work | Seattle Interactive 2017How to Present (and Sell) Creative Work | Seattle Interactive 2017
How to Present (and Sell) Creative Work | Seattle Interactive 2017
 
Mental Models2
Mental Models2Mental Models2
Mental Models2
 
Putting Design Back into Instructional Design
Putting Design Back into Instructional DesignPutting Design Back into Instructional Design
Putting Design Back into Instructional Design
 
Crating an Awesome Brand
Crating an Awesome Brand Crating an Awesome Brand
Crating an Awesome Brand
 
Design Research Synthesis
Design Research SynthesisDesign Research Synthesis
Design Research Synthesis
 
UX London Redux - Dan Saffer
UX London Redux - Dan SafferUX London Redux - Dan Saffer
UX London Redux - Dan Saffer
 
Back of the Napkin / Blah-Blah-Blah Seminar
Back of the Napkin / Blah-Blah-Blah SeminarBack of the Napkin / Blah-Blah-Blah Seminar
Back of the Napkin / Blah-Blah-Blah Seminar
 
Hero-You're creative
Hero-You're creativeHero-You're creative
Hero-You're creative
 
The Sound's Approach to Creative Development Research
The Sound's Approach to Creative Development ResearchThe Sound's Approach to Creative Development Research
The Sound's Approach to Creative Development Research
 
Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?Design Thinking for Startups - Are You Design Driven?
Design Thinking for Startups - Are You Design Driven?
 

More from Lauren Pope

How to build a brilliant brand voice
How to build a brilliant brand voiceHow to build a brilliant brand voice
How to build a brilliant brand voice
Lauren Pope
 
Four facets of a brilliant brand voice
Four facets of a brilliant brand voiceFour facets of a brilliant brand voice
Four facets of a brilliant brand voice
Lauren Pope
 
Design Your Day
Design Your DayDesign Your Day
Design Your Day
Lauren Pope
 
Content change, culture change
Content change, culture changeContent change, culture change
Content change, culture change
Lauren Pope
 
Connected content: the pathway to social wisdom
Connected content: the pathway to social wisdomConnected content: the pathway to social wisdom
Connected content: the pathway to social wisdom
Lauren Pope
 
Connected content planning: customers, communications, organisations
Connected content planning: customers, communications, organisationsConnected content planning: customers, communications, organisations
Connected content planning: customers, communications, organisations
Lauren Pope
 
How guidelines support great storytelling
How guidelines support great storytellingHow guidelines support great storytelling
How guidelines support great storytelling
Lauren Pope
 
The Vision Gap: closing the gap between content strategy and content reality
The Vision Gap: closing the gap between content strategy and content realityThe Vision Gap: closing the gap between content strategy and content reality
The Vision Gap: closing the gap between content strategy and content reality
Lauren Pope
 
The Vision Gap: content trends
The Vision Gap: content trendsThe Vision Gap: content trends
The Vision Gap: content trends
Lauren Pope
 
Truth, lies and social media
Truth, lies and social mediaTruth, lies and social media
Truth, lies and social media
Lauren Pope
 
Brain hacks for content strategists
Brain hacks for content strategistsBrain hacks for content strategists
Brain hacks for content strategists
Lauren Pope
 
Content strategy for information professionals: slides from LIKE
Content strategy for information professionals: slides from LIKEContent strategy for information professionals: slides from LIKE
Content strategy for information professionals: slides from LIKE
Lauren Pope
 
Why content marketing needs content strategy
Why content marketing needs content strategyWhy content marketing needs content strategy
Why content marketing needs content strategy
Lauren Pope
 
Bread and butter content
Bread and butter contentBread and butter content
Bread and butter content
Lauren Pope
 
Agile content strategy - round 2
Agile content strategy - round 2Agile content strategy - round 2
Agile content strategy - round 2
Lauren Pope
 
Agile content strategy
Agile content strategyAgile content strategy
Agile content strategy
Lauren Pope
 

More from Lauren Pope (16)

How to build a brilliant brand voice
How to build a brilliant brand voiceHow to build a brilliant brand voice
How to build a brilliant brand voice
 
Four facets of a brilliant brand voice
Four facets of a brilliant brand voiceFour facets of a brilliant brand voice
Four facets of a brilliant brand voice
 
Design Your Day
Design Your DayDesign Your Day
Design Your Day
 
Content change, culture change
Content change, culture changeContent change, culture change
Content change, culture change
 
Connected content: the pathway to social wisdom
Connected content: the pathway to social wisdomConnected content: the pathway to social wisdom
Connected content: the pathway to social wisdom
 
Connected content planning: customers, communications, organisations
Connected content planning: customers, communications, organisationsConnected content planning: customers, communications, organisations
Connected content planning: customers, communications, organisations
 
How guidelines support great storytelling
How guidelines support great storytellingHow guidelines support great storytelling
How guidelines support great storytelling
 
The Vision Gap: closing the gap between content strategy and content reality
The Vision Gap: closing the gap between content strategy and content realityThe Vision Gap: closing the gap between content strategy and content reality
The Vision Gap: closing the gap between content strategy and content reality
 
The Vision Gap: content trends
The Vision Gap: content trendsThe Vision Gap: content trends
The Vision Gap: content trends
 
Truth, lies and social media
Truth, lies and social mediaTruth, lies and social media
Truth, lies and social media
 
Brain hacks for content strategists
Brain hacks for content strategistsBrain hacks for content strategists
Brain hacks for content strategists
 
Content strategy for information professionals: slides from LIKE
Content strategy for information professionals: slides from LIKEContent strategy for information professionals: slides from LIKE
Content strategy for information professionals: slides from LIKE
 
Why content marketing needs content strategy
Why content marketing needs content strategyWhy content marketing needs content strategy
Why content marketing needs content strategy
 
Bread and butter content
Bread and butter contentBread and butter content
Bread and butter content
 
Agile content strategy - round 2
Agile content strategy - round 2Agile content strategy - round 2
Agile content strategy - round 2
 
Agile content strategy
Agile content strategyAgile content strategy
Agile content strategy
 

Recently uploaded

一比一原版美国加州大学戴维斯分校毕业证如何办理
一比一原版美国加州大学戴维斯分校毕业证如何办理一比一原版美国加州大学戴维斯分校毕业证如何办理
一比一原版美国加州大学戴维斯分校毕业证如何办理
ceqcau
 
Premium Graphic Design Templates | Brochures Design Templates
Premium Graphic Design Templates  | Brochures Design TemplatesPremium Graphic Design Templates  | Brochures Design Templates
Premium Graphic Design Templates | Brochures Design Templates
Davion Yost
 
NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...
NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...
NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...
BBPMedia1
 
Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...
Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...
Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...
shivangiji206
 
一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理
一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理
一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理
10h6bbc4
 
一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理
一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理
一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理
uvnuc
 
Why bridging the gap between PR and SEO is the only way forward for PR Profes...
Why bridging the gap between PR and SEO is the only way forward for PR Profes...Why bridging the gap between PR and SEO is the only way forward for PR Profes...
Why bridging the gap between PR and SEO is the only way forward for PR Profes...
Isa Lavs
 
Lyrics Video Document for artist Kevin Aguirre
Lyrics Video Document for artist Kevin AguirreLyrics Video Document for artist Kevin Aguirre
Lyrics Video Document for artist Kevin Aguirre
rawlensproductionsco
 
一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理
一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理
一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理
dqvc9xf1
 
Call Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your Doorstep
Call Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your DoorstepCall Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your Doorstep
Call Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your Doorstep
shivangiji206
 
一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理
一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理
一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理
omywaf
 
Meta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptx
Meta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptxMeta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptx
Meta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptx
providenceadworks416
 
01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...
01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...
01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...
Jorge Calmett
 
Call Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your Doorstep
Call Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your DoorstepCall Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your Doorstep
Call Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your Doorstep
shivangiji206
 
Advertising and Promotion of whisper by Sakthi Sundar
Advertising and Promotion of whisper by Sakthi SundarAdvertising and Promotion of whisper by Sakthi Sundar
Advertising and Promotion of whisper by Sakthi Sundar
sakthisundar2001
 
How to Generate Add to Calendar Link using Cal.et
How to Generate Add to Calendar Link using Cal.etHow to Generate Add to Calendar Link using Cal.et
How to Generate Add to Calendar Link using Cal.et
Y
 
chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...
chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...
chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...
sk1987009
 
THE STORY COMMUNICATION Credential 2024.pptx
THE STORY COMMUNICATION Credential 2024.pptxTHE STORY COMMUNICATION Credential 2024.pptx
THE STORY COMMUNICATION Credential 2024.pptx
huyenngo62
 
Product Listing Optimization Presentation - .Gay De La Cruz
Product Listing Optimization Presentation  - .Gay De La CruzProduct Listing Optimization Presentation  - .Gay De La Cruz
Product Listing Optimization Presentation - .Gay De La Cruz
gaydlc2513
 
Digital Marketing Services Agency in USA
Digital Marketing Services Agency in USADigital Marketing Services Agency in USA
Digital Marketing Services Agency in USA
akramulislamtarek007
 

Recently uploaded (20)

一比一原版美国加州大学戴维斯分校毕业证如何办理
一比一原版美国加州大学戴维斯分校毕业证如何办理一比一原版美国加州大学戴维斯分校毕业证如何办理
一比一原版美国加州大学戴维斯分校毕业证如何办理
 
Premium Graphic Design Templates | Brochures Design Templates
Premium Graphic Design Templates  | Brochures Design TemplatesPremium Graphic Design Templates  | Brochures Design Templates
Premium Graphic Design Templates | Brochures Design Templates
 
NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...
NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...
NIMA2024 | AI en de 50% afname van je traffic. Wat nu! | Folkje Berends en Sj...
 
Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...
Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...
Varanasi Call Girls 👉 7014168258 👈 Full Satisfied Service Unlimited Shot All ...
 
一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理
一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理
一比一原版澳洲纽卡斯尔大学毕业证(UoN学位证)如何办理
 
一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理
一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理
一比一原版(uts毕业证书)悉尼科技大学毕业证如何办理
 
Why bridging the gap between PR and SEO is the only way forward for PR Profes...
Why bridging the gap between PR and SEO is the only way forward for PR Profes...Why bridging the gap between PR and SEO is the only way forward for PR Profes...
Why bridging the gap between PR and SEO is the only way forward for PR Profes...
 
Lyrics Video Document for artist Kevin Aguirre
Lyrics Video Document for artist Kevin AguirreLyrics Video Document for artist Kevin Aguirre
Lyrics Video Document for artist Kevin Aguirre
 
一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理
一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理
一比一原版英国南安普顿大学毕业证(Soton学位证)如何办理
 
Call Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your Doorstep
Call Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your DoorstepCall Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your Doorstep
Call Girls Pune | 9079923931 | Miss Tanya Free Delivery 24x7 at Your Doorstep
 
一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理
一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理
一比一原版哥伦比亚大学毕业证(Columbia毕业证书)学历如何办理
 
Meta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptx
Meta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptxMeta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptx
Meta Revolutionizes Product Promotion with Automated Video Catalog Ads.pptx
 
01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...
01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...
01 Field+Guide+to+Human-Centered+Design_IDEOorg_English GUIA COMPLETA DETALLA...
 
Call Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your Doorstep
Call Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your DoorstepCall Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your Doorstep
Call Girls Lucknow | 7737669865 | Miss Neha Free Delivery 24x7 at Your Doorstep
 
Advertising and Promotion of whisper by Sakthi Sundar
Advertising and Promotion of whisper by Sakthi SundarAdvertising and Promotion of whisper by Sakthi Sundar
Advertising and Promotion of whisper by Sakthi Sundar
 
How to Generate Add to Calendar Link using Cal.et
How to Generate Add to Calendar Link using Cal.etHow to Generate Add to Calendar Link using Cal.et
How to Generate Add to Calendar Link using Cal.et
 
chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...
chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...
chemistry-project.pdfxfffffffffffffffffffffffffffffffffffffffffffffffffffffff...
 
THE STORY COMMUNICATION Credential 2024.pptx
THE STORY COMMUNICATION Credential 2024.pptxTHE STORY COMMUNICATION Credential 2024.pptx
THE STORY COMMUNICATION Credential 2024.pptx
 
Product Listing Optimization Presentation - .Gay De La Cruz
Product Listing Optimization Presentation  - .Gay De La CruzProduct Listing Optimization Presentation  - .Gay De La Cruz
Product Listing Optimization Presentation - .Gay De La Cruz
 
Digital Marketing Services Agency in USA
Digital Marketing Services Agency in USADigital Marketing Services Agency in USA
Digital Marketing Services Agency in USA
 

Art and copy: bridging the gap between UX, design and content | InVision Design Talks

  • 1. Art and copy: bridging the gap between UX, design and content Lauren Pope, @la_pope InVision DesignTalks, 26th July
  • 2. I’m Lauren Pope I’m a freelance content strategist. You can find me at @la_pope Hello!
  • 3. It’s the 1960s. There’s an ad man called Bill Bernbach with a big idea. Image credit: DDB
  • 4. “Art and copy... ...they should sit in the same room.” Image credit: DDB
  • 5. It sounds like a small change...
  • 6. ...but it led to great ads.
  • 8. How it used to work... Account people tell the copywriters what to write Art department designs a layout and put the words in it Copywriters write the copy
  • 10. We’re making the same mistakes in digital design UX does the wireframes Designer does the design Content writes the copy
  • 11. Mash it all together Game over Play ‘Copy Tetris’ We’re making the same mistakes in digital design
  • 12. We’re not that different. We’re all designers.
  • 13. So how do we make it better?
  • 14. WWBBD? (What would Bill Bernbach do?) Image credit: DDB
  • 15. The team Bill Bernbach Ideas. Believes ‘good taste, good art and good writing can be good selling’. Helmut Krone Art. A “a fidgety perfectionist who worked with deadly Teutonic patience”. Designs simple layouts by spending hours agonising over tiny details. Julian Koenig Copy. On-off relationship with advertising. A frustrated genius.
  • 16. How it went down Bill went to Germany and had an idea He saw that the car was 'honest’ and that gave them a unique concept and the basis of a strategy. The team collaborated through adversity The team nurtured the idea together and persevered through creative differences. They combined their skills to great effect The best of two different disciplines come together perfectly to convey the message.
  • 18. We can learn something from this story.
  • 19. “ “When a team is given responsibility for their own work, it becomes their property. They own it. And they walk with their heads up, and they walk with pride.” ― Bill Bernbach
  • 21. Have a strategy. Make sure you have a shared understanding of your strategy - the North Star that everyone navigates the project by.
  • 22. “ “The kernel of a strategy contains three elements: a diagnosis, a guiding policy, and coherent action.” ― Richard Rumelt, Good Strategy/Bad Strategy
  • 23. A strategic North Star Diagnosis The problem. An analysis of the problem, need or opportunity that you’re trying to solve for. Guiding policy The solution. The approach that’s going to solve the problem. Coherent action The plan. A plan for how you’re going to execute the guiding policy effectively.
  • 24. The problem we’re solving is < problem > and < problem >. We’re going to solve this by < solution>, < solution > and < solution >. To make this happen, we’re going to < action >, < action >, and < action >. We’ll know we’re successful when < result >, < result > and < result >. Play strategy Mad Libs
  • 25. Have principles. Know ‘how we do things around here’. Create and embed your ways of working.
  • 26. Some ideas Your work is important as mine No one’s work is more important. We’re all equal. No question goes unasked We never leave a question unasked and we never assume what the answer will be. We’re not defensive If someone’s asking questions about our work or critiquing it, we’re open to what they say. We prototype together We make prototypes as team, so we can think about the problem from every angle. We give good feedback When we give feedback we’re constructive and kind. We eat together on Tuesday We sit and eat together on Tuesdays, and talk about anything but the project.
  • 27. How do you want it to be? Start by thinking about your ideal future state, and then work backwards: what are the principles and ways of working you need to get there?
  • 28. Work together. Find the best ways to *really* collaborate.
  • 29. The lone genius is a myth. Edison, Morse, and all the rest had help.
  • 30. Real collaboration is transformative Perspective Approach the problem with every tool at your disposal and diverse viewpoints. Efficiency Save time, effort, frustration and money. Fun A sense of camaraderie - you’re in it together.
  • 31. But it doesn’t just happen, you have to work at it.
  • 32. Discover Define Develop Deliver D iverge Converge
  • 33. Discover Define Develop Deliver Talking Pair working Critiques
  • 34. Diverging and converging Pair work Get together in a pair or triple around one computer and attack the problem together. Critiques Meet at a suitable point and fully debrief on what you’ve been doing while you’ve been working alone. Talk Talk every day. Don’t wait to ask a question. Try and sit together if you can.
  • 35. In conclusion ◉ We’re all designers - our work can be seamless ◉ Follow the same strategic North Star ◉ Come up with principles and live by them ◉ Work at working together ◉ Ask ‘WWBBD?’
  • 36. References ● https://medium.com/theagency/the-ad-that-changed-adv ertising-18291a67488c ● http://adage.com/article/adage-encyclopedia/bernbach-w illiam/98346/ ● http://aafomaha.org/news/back-to-the-classics-bernbach- and-the-creative-team/ ● Richard Rumelt, Good Strategy/Bad Strategy ● Strategy Mablibs adapted from Sara Wachter-Boettcher http://www.sarawb.com/content-strategy-101/
  • 37. Any questions ? ◉ @la_pope ◉ lapope.com ◉ bit.ly/lapopeslides Thanks!