what's pushing email design forward today?
DESCRIPTION
While email is often typecast as an antiquated tool by the press and social media pundits, the email marketing scene has never been more active. Big and small brands alike are banging on the doors of email experts to create designs that are optimized for mobile devices. Email-led startups are gaining mainstream popularity. So, what's pushing this rush to make email beautiful, not to mention everyone's channel of choice? In this session, we'll be covering: - Ubiquity rules: The state of email design today - Why brands have recognized the value in quality email design - How design-led companies have broken email's old rules - Responsive email: Why mobile-first is the new mantraTRANSCRIPT
![Page 1: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/1.jpg)
What’s pushing
email design forward?
Ros Hodgekiss, Campaign Monitor
![Page 2: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/2.jpg)
We’ve come a long way, baby
![Page 3: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/3.jpg)
![Page 4: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/4.jpg)
Objective = Consistency
![Page 5: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/5.jpg)
Objective = Optimization
![Page 6: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/6.jpg)
Why have the old rules changed?
![Page 7: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/7.jpg)
![Page 8: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/8.jpg)
![Page 9: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/9.jpg)
[pic of desktop pc]
![Page 10: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/10.jpg)
[lots of people with different phones]
![Page 11: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/11.jpg)
Tablet sales > Notebook sales
![Page 12: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/12.jpg)
![Page 13: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/13.jpg)
65% Opens on mobile
devices
![Page 14: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/14.jpg)
![Page 15: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/15.jpg)
![Page 16: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/16.jpg)
138%
![Page 17: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/17.jpg)
Ubiquity, unpredictability
![Page 18: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/18.jpg)
All about getting the best result in any email client
![Page 19: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/19.jpg)
![Page 20: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/20.jpg)
Applying the web, to email
![Page 21: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/21.jpg)
Knowing which techniques can be safely used
![Page 22: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/22.jpg)
Knowing your audience
![Page 23: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/23.jpg)
EXAMPLE: PANIC INC
![Page 24: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/24.jpg)
EXAMPLE: DIAMOND RESORTS
![Page 25: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/25.jpg)
CSS3 animation
![Page 26: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/26.jpg)
EXAMPLE: DIAMOND RESORTS
![Page 27: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/27.jpg)
Web fonts
![Page 28: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/28.jpg)
EXAMPLE: PANIC INC
![Page 29: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/29.jpg)
Fixed-position CTA
![Page 30: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/30.jpg)
EXAMPLE: DIAMOND RESORTS
![Page 31: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/31.jpg)
Why use these techniques?
![Page 32: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/32.jpg)
If they see an email that looks bad, they will really see it as a
negative in terms of brand perception.“ ”
![Page 33: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/33.jpg)
However...
![Page 34: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/34.jpg)
Marketers are often overly focused on the aesthetic qualities...
rather than their impact on the bottom line.“ ”
![Page 35: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/35.jpg)
![Page 36: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/36.jpg)
I paint my own reality.“ ”
![Page 37: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/37.jpg)
![Page 38: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/38.jpg)
The Year of Responsive
![Page 39: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/39.jpg)
We have the technology
![Page 40: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/40.jpg)
EXAMPLE: CAMPAIGN MONITOR
![Page 41: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/41.jpg)
EXAMPLE: MMT DIGITAL
![Page 42: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/42.jpg)
Responsive = Rethinking email
![Page 43: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/43.jpg)
Responsive = Inclusive
![Page 44: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/44.jpg)
Responsive = “On the go”
![Page 45: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/45.jpg)
I expect to see experimentation with templates and messaging
that really speaks to a customer on the move.“ ”
![Page 46: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/46.jpg)
Responsive = Selling point
![Page 47: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/47.jpg)
Responsive = Good practices
![Page 48: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/48.jpg)
The average time allocated was only 51 seconds... participants
fully read only 19% of newsletters.“ ”
![Page 49: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/49.jpg)
Responsive = Short and sweet
![Page 50: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/50.jpg)
Responsive = Opportunity
![Page 51: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/51.jpg)
Mobile first = Results first
![Page 52: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/52.jpg)
![Page 53: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/53.jpg)
Results are measurable
![Page 54: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/54.jpg)
EXAMPLE: CROCS
• +7.7% clicks
• +15.67% opens on iPhones
![Page 55: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/55.jpg)
"Our unsubscribe numbers appear to be going down and trackable forwarding of the emails has gone up."
EXAMPLE: THE FETCH
![Page 56: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/56.jpg)
One in three
![Page 57: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/57.jpg)
71%71%
![Page 58: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/58.jpg)
Clients and brands are embracing the shift
![Page 59: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/59.jpg)
52%52%
![Page 60: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/60.jpg)
89%56%
![Page 61: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/61.jpg)
Email is the new social
![Page 62: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/62.jpg)
Stand up for your work!
![Page 63: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/63.jpg)
![Page 64: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/64.jpg)
![Page 65: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/65.jpg)
Consistency is dead.
![Page 66: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/66.jpg)
So, what next?
![Page 67: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/67.jpg)
If you’re going through hell,
keep going.“ ”
![Page 68: What's pushing email design forward today?](https://reader036.vdocuments.us/reader036/viewer/2022082310/53ee3ca38d7f7289708b6081/html5/thumbnails/68.jpg)
What’s pushing
email design forward?
Ros Hodgekiss, Campaign Monitor
Twitter: @yarrcat
!Slide genius by Canva.com