Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
Creating HTML Emails Can Be Fun
Dan Denney
February 12, 2014
Design
2
190
Creating HTML Emails Can Be Fun
Minor tweaks to the last version
Dan Denney
February 12, 2014
Tweet
Share
More Decks by Dan Denney
See All by Dan Denney
You're Gonna Love HTML Emails Converge
dandenney
0
140
You're Gonna Love HTML Emails
dandenney
0
160
The Organized Chaos of Email Creation
dandenney
4
750
HTML Emails: Tables, Testing, and Tooling
dandenney
2
82
Creating HTML Emails Can Be Fun
dandenney
9
1.7k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
400
responsive_grids.pdf
dandenney
4
440
Making Money With Web Design
dandenney
4
340
UI Design Decisions
dandenney
2
580
Other Decks in Design
See All in Design
「プロダクトとユーザーをつなぐ」BtoB SaaSデザインの面白さ
sizucca
2
1.6k
Vivliostyle.jsの先行実装から考えるCSS text-spacingプロパティ
terkel
0
630
[UX/UI design] Target users and developmental psychology
shira0000000
1
240
Tyler and Tanner
jjps
1
150
なぜロゴを変えるのか / for-designer
minma
0
100
DL2022 Zoe Rose - ‘Scientific design methods’ and ‘applied creativity’: a lost history
uxaustralia
PRO
0
140
保育中心設計でつくる保育ICTの裏側
hiro93n
0
180
Ameba Illustration Systemの開発フローとプロダクト浸透
toshiharutakemoto
0
240
後悔しないデザインシステムの始め方
takanorip
4
2.3k
【MICIN】Designer RECRUTING INTRODUCTION(デザイナー採用資料)
micin_hr
0
370
自分のYUMEMIに出会ってから、内定承諾までのストーリー
tact0001
0
730
Kurashiru Brand Guideline
delyinc
0
2.8k
Featured
See All Featured
GitHub's CSS Performance
jonrohan
1020
430k
StorybookのUI Testing Handbookを読んだ
zakiyama
8
3.2k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
152
13k
Building Your Own Lightsaber
phodgson
96
4.9k
A designer walks into a library…
pauljervisheath
198
16k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
349
27k
Why You Should Never Use an ORM
jnunemaker
PRO
49
7.9k
Into the Great Unknown - MozCon
thekraken
2
280
Agile that works and the tools we love
rasmusluckow
320
20k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
10
1.3k
How To Stay Up To Date on Web Technology
chriscoyier
779
250k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
500
130k
Transcript
creating html can be fun emails creating html can be
fun emails creating html can be fun emails creating html can be fun emails creating html can be fun emails creating html can be fun emails
Once upon a time Once upon a time Once upon
a time
In a land not too far away... In a land
not too far away... In a land not too far away...
None
None
None
I like-a you do da email
None
The End of the awkward third-person fairy tale The End
of the awkward third-person fairy tale The End of the awkward third-person fairy tale
None
emails sent from multiple sources ! changing service ! marketing
needs editing access ! we might change again soon ! ! ! ! ! emails sent from multiple sources ! changing service ! marketing needs editing access ! we might change again soon ! ! ! ! ! emails sent from multiple sources ! changing service ! marketing needs editing access ! we might change again soon ! ! ! ! !
http://wikicedia.net/images/4/45/Cool-story-bro.jpg
Responsive? Responsive? Responsive? Responsive?
it for Go it for Go it for Go
17 17 17
None
17 + 17 + 4 38 17 + 17 +
4 38 17 + 17 + 4 38
autonomy mastery purpose autonomy mastery purpose autonomy mastery purpose
None
None
http://blog.mailchimp.com/mobile-email-research
46% 46% 46%
Delight Delight Delight
https://litmus.com/blog/mobile-opens-hit-record-high-of-47
None
None
80% 80% 80% http://www.bizreport.com/2013/03/bluehornet-302-unsubscribe-on-receipt-of-a-badly-formatted-m.html
$ $ $
None
None
Successes Successes Successes
None
None
feedback ftw feedback ftw feedback ftw
Getting Started Getting Started Getting Started
It’s not more difficult. It’s not more difficult. It’s not
more difficult. too much too much too much
Create a system Create a system Create a system
None
Choose a great service Choose a great service Choose a
great service
None
Build where ! comfortable. you are Build where ! comfortable.
you are Build where ! comfortable. you are
None
Embrace the tech Embrace the tech Embrace the tech
Test in clients Test in clients Test in clients
Use a service when you can’t Use a service when
you can’t Use a service when you can’t
https://litmus.com/blog/the-how-to-guide-to-responsive-email-design-infographic/full-view
Resources Resources Resources campaignmonitor.com/css zurb.com/playground/responsive-email-templates internations.github.io/antwort mailchimp.com litmus.com modernhtmlemail.com Code
services book Code services book Code services book
@dandenney !
[email protected]
github.com/dandenney/email-design @dandenney !
[email protected]
kippt.com/dandenney/email-design @dandenney !
[email protected]
Thank you Thank you Thank you