creating natively digital brand experiences - lma15
TRANSCRIPT
![Page 1: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/1.jpg)
Creating Natively Digital Brand Experiences
Kalev Peekna Managing Director, Strategy One North Interactive @OneNorth, @kpeekna
Nathan Denton Managing Director, Creative One North Interactive @OneNorth
![Page 2: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/2.jpg)
#LMA15
Is Brand a four-letter word?
It has to be the most misused
—and least understood—word
in the business of . . . well,
branding.
—McGhie, Austin
Legal
![Page 3: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/3.jpg)
#LMA15
Legal Responses: “How is your Brand?”
“There’s no way I could get them to shorten it.”
“It’s fine. Everyone hates it. It’s not changing.”
“The last time we did anything with it we spent $300K and ended up with the same colors.”
“Looks good on a golf umbrella.”
“I’m glad you asked. Can you make it bigger?”
“Needs to be more modern, clean, traditional, sophisticated, relaxed. I wish it popped more.”
“Is there a way to refresh it without anyone noticing?
“You can’t change the logo, colors, imagery or type. Or the messaging. But everything else is fair game.”
“What do you mean by brand?”
“I hate taglines.”
![Page 4: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/4.jpg)
#LMA15
What your Brand isn’t Logo: Identity/Name:
Name, Name, Name, Can’tRead & Name LLC
Tagline:
Tomorrow’s law, today. Together.
Colors: Fonts:
Times New Roman
Arial
All of these artifacts are part of the expression of your brand. These are visual and verbal signifiers of your real brand—triggers created for users to attach feelings to.
![Page 5: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/5.jpg)
#LMA15
So what is brand?
Pick your definition. Here are some we like:
• “A brand is present when the value of what a product, service or personality means to its audience is greater than the value of what it does for that audience.”
• “Living business assets, brought to life across all touchpoints, which if properly managed, create identification, differentiation, and value.”
• “Brand is what people say about you when you aren’t in the room.”
![Page 6: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/6.jpg)
#LMA15
Brand Framework
Essence and Purpose
Voice, Brand DNA and Actions
Activating the persona to achieve specific outcomes
What we will say and when
Logistics of executing the strategy
The foundation of everything, the only thing that really matters
Brand Idea
Brand Persona
Brand Strategy
Communications Strategy
Tactics
Overall Customer Experience
![Page 7: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/7.jpg)
#LMA15
Digital is the Zero-Day of Brand
“The need to position your product or service so as to differentiate it in ways that create competitive advantage has not and will not change over time. How you accomplish this, however, is where all the change resides.” —Austin McGhie, Brand is a Four-letter Word
Digital has already changed the way we think about marketing budgets, skills, and tactics.
Now it is changing how we develop and express our brands.
DIGITAL
![Page 8: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/8.jpg)
#LMA15
Essence and Purpose
Voice, Brand DNA and Actions
Activating the persona to achieve specific outcomes
What we will say and when
Logistics of executing the strategy
The foundation of everything, the only thing that really matters
Brand Idea
Brand Persona
Brand Strategy
Communications Strategy
Tactics
Overall Customer Experience
Staying the same
Changing Now
Already Changed
![Page 9: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/9.jpg)
#LMA15
Rise of Digital: By the Numbers Despite “restricted budgets” across all marketing, the increase spending in digital has not relented:
2010 2011 2012 2013 2014 2015 33% 35% 28% 28% 27% 27%
Yearly average increase in digital spend.
2010 2011 2012 2013 2014 2015
$1330 $1796 $2298 $2942 $3736 $4745
$1K spent in 2009 on Digital would now be:
Digital spend is now almost 5x the levels in 2009
Source: Oracle, Marketing Budgets 2015 https://blogs.oracle.com/marketingcloud/new-2015-marketing-budget-benchmarks
![Page 10: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/10.jpg)
#LMA15
How is Digital Changing Brand?
• Changing & Multiplying Contexts: Website, email, social, video, mobile, search results, etc. – they are all brand experiences.
• Staying Close: Digital is in your pocket, on your arm, in your bag, on your desk, in front of your couch...
• Fragmenting Experience: Each interaction is shorter, but happening at multiple discrete moments.
• Participating: You can do more than consume in digital. You can change, contribute to, and use the information you find.
• Transforming Expression: Everything you learned about what your brand looks like is now obsolete or irrelevant.
![Page 11: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/11.jpg)
#LMA15
Traditional Brand Approach
Mission Principles
Logo Palette
Typography
Style Guide
Tagline
Print Artifacts:
Copy
Playbook Imagery
Ads
Brochures
Business Cards
Homepage
Swag
Digital:
Social
![Page 12: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/12.jpg)
#LMA15
Why doesn’t this work?
• Nothing translates cleanly. Color, typography, and logo all look slightly off.
• New brand expressions–movement, video, social copy—are absent.
• Brand expression is fragmented as each digital designer adjusts for media that wasn’t considered.
• Everything comes out looking like the static “tests”: ads, business cards, brochures, coffee mugs, etc.
![Page 13: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/13.jpg)
#LMA15
A Tricky Transition to Digital: Hermès
Product: Luxury fashion, “sporting” goods Focus on materials + design
Concepts: “Give time to time”
“Craftsmanship is its own reward” Persona: Chic, Exclusive, Timeless,
Understated
![Page 14: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/14.jpg)
#LMA15
Hermès Visual Platform
Logo(s):
Color(s):
Type(s):
![Page 15: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/15.jpg)
![Page 16: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/16.jpg)
![Page 17: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/17.jpg)
#LMA15
Our (Radical) Suggestion Move your consideration of digital brand:
Digital From Here: To Here:
![Page 18: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/18.jpg)
#LMA15
Digital Up-Front: What to Consider?
![Page 19: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/19.jpg)
Let’s Get Digital!
![Page 20: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/20.jpg)
#LMA15
Let’s take a look at digital up-front…
Brand Guides
Design Considerations
In Action
![Page 21: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/21.jpg)
DIGITAL UP-FRONT BRAND GUIDES
![Page 22: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/22.jpg)
![Page 23: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/23.jpg)
![Page 24: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/24.jpg)
![Page 25: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/25.jpg)
![Page 26: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/26.jpg)
![Page 27: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/27.jpg)
![Page 28: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/28.jpg)
![Page 29: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/29.jpg)
![Page 30: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/30.jpg)
![Page 31: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/31.jpg)
DIGITAL UP-FRONT DESIGN CONSIDERATIONS
![Page 32: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/32.jpg)
Logos
![Page 33: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/33.jpg)
JPG SVG
![Page 34: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/34.jpg)
Colors
![Page 35: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/35.jpg)
Color One Color Two Color Three
Color Four
![Page 36: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/36.jpg)
![Page 37: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/37.jpg)
![Page 38: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/38.jpg)
![Page 39: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/39.jpg)
![Page 40: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/40.jpg)
![Page 41: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/41.jpg)
![Page 42: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/42.jpg)
![Page 43: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/43.jpg)
Fonts
![Page 44: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/44.jpg)
![Page 45: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/45.jpg)
The Fox The Fox Garamond – 72px Georgia – 72px
![Page 46: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/46.jpg)
“Anything from 45 to 75 characters is widely regarded as a satisfactory length of line for a single-column. The 66-character line (counting both letters and spaces) is widely regarded as ideal.” - webtypography.net
![Page 47: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/47.jpg)
Imagery
![Page 48: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/48.jpg)
![Page 49: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/49.jpg)
Interaction
![Page 50: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/50.jpg)
“The details are details. They make the product. The connections, the connections, the connections. It will in the end be these details that give the product its life.” - Charles Eames
![Page 51: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/51.jpg)
Dan Saffer’s new book, Microinteractions, makes the case that design is in the details – the very small details that make systems friendlier. - Fast Company
![Page 52: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/52.jpg)
http://www.adweek.com/adfreak/sonos-brilliant-new-logo-appears-vibrate-when-you-scroll-thanks-optical-illusion-162546
![Page 53: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/53.jpg)
DIGITAL-FIRST IN ACTION
![Page 54: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/54.jpg)
![Page 55: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/55.jpg)
#LMA15
In a Nutshell • Your first and most frequent brand interactions are now digital. Your
brand should be designed for those digital moments.
• Test new brand ideas in a digital context. Try things out in web pages, email, and LinkedIn.
• Expand your understanding of brand visuals. Take advantage of digital’s dynamic approach to color, shape, imagery, typography and movement.
• Print still matters – but do that after you nail digital.
• Users experience a single brand, no matter how many different kinds of interactions. Consistency creates seamlessness.
![Page 56: Creating Natively Digital Brand Experiences - LMA15](https://reader033.vdocuments.mx/reader033/viewer/2022052700/55a7687e1a28ab2b5c8b4693/html5/thumbnails/56.jpg)
#LMA15
Q&A