Establishing a Brand-driven Message Architecture WebVisions NYC

85
Margot Bloomstein WebVisions 040716 #WebVisions @mbloomstein © 1974, Marty Temme Hiwatt

Transcript of Establishing a Brand-driven Message Architecture WebVisions NYC

Page 1: Establishing a Brand-driven Message Architecture WebVisions NYC

Margot Bloomstein

WebVisions 040716

#WebVisions

@mbloomstein

© 1974, Marty Temme Hiwatt

Page 2: Establishing a Brand-driven Message Architecture WebVisions NYC
Page 3: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 3

© 2016

Content demands attention

Page 4: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 4

© 2016

Because we all want the same thing,

but content keeps getting in the way.

(CC) http://www.flickr.com/photos/slworking

Content requires time

Page 5: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 5

© 2016

Content dredges up politics

© Margot Bloomstein

Page 6: Establishing a Brand-driven Message Architecture WebVisions NYC

This is your job now.

Page 7: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 7

© 2016

©Skillset.org

Page 8: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 8

© 2016

Titles < Roles < Skills

©Skillset.org

Page 9: Establishing a Brand-driven Message Architecture WebVisions NYC

© The Creative Group

Page 10: Establishing a Brand-driven Message Architecture WebVisions NYC
Page 11: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 11

© 2016

Page 12: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 12

© 2016

Content, design, IA, and UX—

and the processes to create them—

complement each other through

content strategy.

@mbloomstein | #WebVisions 12

Page 13: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 13

© 2016

Content, design, IA, and UX—

and the processes to create them—

complement each other through

content strategy.

But they require a foundation and vision.

@mbloomstein | #WebVisions 13

Page 14: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 14

© 2016

Message architecture

Content audit

Content types

Content model

Editorial style guidelines and calendar

Page 15: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 15

© 2016

What is content strategy?

Planning for the creation, aggregation, and

governance of content that’s useful, usable,

and appropriate in an experience.

Page 16: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 16

© 2016

Steps along the way…

Message architecture

Content audit/inventory

Prescriptive content matrix

Content model

Editorial style guidelines

Metadata guidelines

Governance guidelines

Page 17: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 17

© 2016

Deliverables are merely punctuation

in the conversation.

They can’t replace the conversation—

and too often, we’re afraid to talk.

Page 18: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 18

Why content strategy?

Page 19: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 19

Why content strategy?

Because we all want the same thing,

but content keeps getting in the way.

Page 20: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 20

Why content strategy?

Launch on time

Page 21: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 21

Why content strategy?

Stay within budget

Page 22: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 22

Why content strategy?

Maintain a consistent user experience

visually and verbally, across channels

Page 23: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 23

Why content strategy?

Without the team killing each other over

differences in opinion and changing goals

Page 24: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 24

© 2016

This doesn’t need to be hard.

Good content doesn’t need to be expensive to plan,

time-consuming to create, or difficult to maintain.

That’s content without content strategy.

Page 25: Establishing a Brand-driven Message Architecture WebVisions NYC

More

like

Apple.

Page 26: Establishing a Brand-driven Message Architecture WebVisions NYC
Page 27: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 27

© 2016

More like Apple’s message architecture

Confident but approachable; accessible

Simple

• Minimal detail

• Streamlined and anticipatory

Inviting, friendly

• Supportive but not fawning

Page 28: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 28

© 2016

Page 29: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 29

© 2016

Gracious and engaged

• Welcoming, anticipatory service

Elite and premium

• Selective membership

• “Curated” experiences

Traditional

• Enduring heritage

• Preserving appreciation for quality

Message architecture?

Page 30: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 30

© 2016

Innovative

Global

Inclusive

Engaged

…versus Harvard’s principles

(inspirational, but not actionable)

Page 31: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 31

© 2016

Message architecture

Cheeky

• Witty and fun

• Young without being childish

Customer oriented and responsive

• Approachable, friendly, and empowering

Helpful

• Accessible

Page 32: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 32

© 2016

Page 33: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 33

© 2016

Page 34: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 34

© 2016

From: Little MOO | Print Robot <[email protected]> Subject: MOO | Order 0629312615 | Confirmed Hello I'm Little MOO - the bit of software that will be managing your order with moo.com. It will shortly be sent to Big MOO, our print machine who will print it for you in the next few days. I'll let you know when it's done and on its way to you. Remember, I'm just a bit of software. So, if you have any questions regarding your order please first read our Frequently Asked Questions or contact customer services (who are real people!) Thanks, Little MOO, Print Robot

Page 35: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 35

© 2016

Message architecture vs. brand values?

1. Cheeky

2. Customer oriented

3. Helpful

Design

Innovation

Community

Excellence

(Inspiring, but lack priority)

Page 36: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 36

© 2016

What’s a message architecture?

A hierarchy of communication goals

that reflects a common vocabulary.

Page 37: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 37

© 2016

What’s a message architecture?

A hierarchy of communication goals

that reflects a common vocabulary…

versus brand values, which are the ethics

of a company.

Page 38: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 38

© 2016

First things first.

Why start blogging, audit the content, consolidate

site architecture, add video testimonials, relaunch

the site, develop new brand guidelines, launch a

new campaign, or go “mobile first”… if you don’t

know what’s most important to communicate?

Page 39: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 39

© 2016

If you don’t know what

to communicate,

how will you know

if you succeed?

Page 40: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 40

© 2016

What’s a message architecture?

A hierarchy of communication goals

that reflects a common vocabulary.

Page 41: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 41

© 2016

A little thing with big impact.

Page 42: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 42

© 2016

A little thing with big impact.

Page 43: Establishing a Brand-driven Message Architecture WebVisions NYC

How could we prove this is a car not

like anything else out there? It’s a small

car, but it’s premium. You get a Porsche

911 ride for a fifth of the cost. It’s got

history… but in Europe.

You need to give people content to give

them history.”

Page 44: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 44

© 2016

Message architecture

Premium technology

• Assertive; ready to perform as a driver’s car

• Proactive and supportive of spontaneity

Classic design

• Experienced and savvy

Cheekiness

• Smart, “punny,” hip

• Fun, gleeful

Page 45: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 45

© 2016

Page 46: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 46

© 2016

Page 47: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 47

© 2016

Page 48: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 48

© 2016

Page 49: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 49

© 2016

If these emails are boring you

and you don’t mind missing out

on all the lip-smackin’ stuff

we’ll be sending in the future,

simply send a message to owner-

[email protected]

and include “Unsubscribe” and

your favorite fruit in the

subject field.

Page 50: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 50

© 2016

Message architecture drives

the user experience

Page 51: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 51

© 2016

Nomenclature

Calls to action

Instructional content

Sentence structure

Diction

…in content

Page 52: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 52

© 2016

Photographic angles

Dark backgrounds

Bold headlines

Thick stroke weights

…and in design

Page 53: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 53

© 2016

…and in the prioritization and

coordination of features and

content types.

Page 54: Establishing a Brand-driven Message Architecture WebVisions NYC

Content strategy

creates harmony &

cuts cacophony across channels.

Page 55: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 55

© 2016

Not all channels fit all brands.

Serious and technical? • Annual reports

• Articles on your site

• Articles on other sites

• Blogs

• Books

• Branded tools

• Case studies

• Digital magazines

• eBooks

• Email newsletters

• Facebook posts

• Games

• In-person events

• Infographics

• Licensed/syndicated

content

• LinkedIn posts

• Microsites

• Mobile apps

• Online presentations

• Podcasts

• Print magazines

• Print newsletters

• Research reports

• Twitter

• Videos

• Virtual conferences

• Webinars/webcasts

• Whitepapers

Per Content Marketing Institute & MarketingProfs 2013 Content Marketing Survey

Page 56: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 56

© 2016

Not all channels fit all brands.

Fun and engaged? • Annual reports

• Articles on your site

• Articles on other sites

• Blogs

• Books

• Branded tools

• Case studies

• Digital magazines

• eBooks

• Email newsletters

• Facebook posts

• Games

• In-person events

• Infographics

• Licensed/syndicated

content

• LinkedIn posts

• Microsites

• Mobile apps

• Online presentations

• Podcasts

• Print magazines

• Print newsletters

• Research reports

• Twitter

• Videos

• Virtual conferences

• Webinars/webcasts

• Whitepapers

Per Content Marketing Institute & MarketingProfs 2013 Content Marketing Survey

Page 57: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 57

© 2016

Page 58: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 58

© 2016

Premium

• Lindt embodies quality, in product, marketing, & company interactions

• Approachable: Quality indulgences are more accessible

• Trusted in brand and quality

Empowering

• Entrepreneurial: Innovating, championing individuals and successes

• Market driving: strategic and proactive

• Professional and consistent through experience and being responsive

Community-minded

• Engaged with the Lindt family

• Customer-oriented

• Socially conscious

Message architecture

Page 59: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 59

© 2016

Message architecture drives a

consistent user experience,

visually and verbally.

Page 60: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 60

© 2016

Elegant layout and typography

• Spread-to-spread sightlines and flow

• Wider borders

• Layered background images

• Italic titles with initial drop caps

Page 61: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 61

© 2016

Imagery of individual impact

• People engaged with product and service—

not just product or just results of service

• Diversity of role, gender, ethnicity, and age

Page 62: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 62

© 2016

Accessible, informative copy

• First-person plural

• Frequent rhetorical asides

• Shorter sentences

• Clear, concrete explanations

Page 63: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 63

© 2016

Message architecture

Content audit

Content types

Content model

Editorial style guidelines and calendar

Page 64: Establishing a Brand-driven Message Architecture WebVisions NYC
Page 65: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 65

© 2016

What’s a message architecture?

A hierarchy of communication goals

that reflects a common vocabulary.

Page 66: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 66

© 2016

What’s a message architecture?

Concrete, shared terminology,

not abstract concepts.

Page 67: Establishing a Brand-driven Message Architecture WebVisions NYC

Welcoming,

but elite.

Selective?

Page 68: Establishing a Brand-driven Message Architecture WebVisions NYC

Welcoming,

but elite.

Inclusive?

Page 69: Establishing a Brand-driven Message Architecture WebVisions NYC

Welcoming,

but elite.

Exclusive?

Page 70: Establishing a Brand-driven Message Architecture WebVisions NYC

Traditional, but edgy.

Page 71: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 71

© 2016

Page 72: Establishing a Brand-driven Message Architecture WebVisions NYC

Sometimes,

we prefer jargon to communication.

Page 73: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 73

© 2016

Words are valuable,

but meaningless without

context and priority.

Page 74: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 74

© 2016

How?

• Engage in a tangible, hands-on way

• Encourage debate and conversation

• Identify points of disagreement

• Prevent seagulling

• Force prioritization

• Encourage ownership & investment

Page 75: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 75

© 2016

Page 76: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 76

© 2016

Cardsorting

• Tables of 7

• 3 people represent the client

• 4 people consult on content strategy

Page 77: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 77

© 2016

• Who we are

• Who we’re not

• Who we’d like to be

Go with your gut!

Step 1

Page 78: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 78

© 2016

Who we are Who we’d like to be

Be aspirational. What needs to change?

Step 2

Page 79: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 79

© 2016

• Form groups: what goes together?

• Prioritize the goals or groups

• Tell the story of those aspirations

Step 3

Page 80: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 80

© 2016

Why do this?

Words are cheaper than comps.

Page 81: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 81

© 2016

Why do this?

Content creation, organization, and

governance all need a strong foundation.

Page 82: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 82

© 2016

Why do this?

Choose content types to manifest

the message architecture—

not just because they’re trendy.

Page 83: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 83

© 2016

And beyond…

• Gain standards by which to conduct a qualitative

audit. What is “good” anyway?

• Determine keywords for SEO

• Prioritize CMS changes to support content

• Reallocate budget and resources across channels

Page 84: Establishing a Brand-driven Message Architecture WebVisions NYC

@mbloomstein | #WebVisions 84

© 2016

But first things first:

Understand what you need to

communicate—and why.

Page 85: Establishing a Brand-driven Message Architecture WebVisions NYC

Margot Bloomstein

@mbloomstein

[email protected]

slideshare.net/mbloomstein

All photography © Margot Bloomstein unless noted. Screen grabs property of their respective owners.