Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Creating HTML Emails Can Be Fun
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Dan Denney
February 12, 2014
Design
340
2
Share
Creating HTML Emails Can Be Fun
Minor tweaks to the last version
Dan Denney
February 12, 2014
More Decks by Dan Denney
See All by Dan Denney
You're Gonna Love HTML Emails Converge
dandenney
0
190
You're Gonna Love HTML Emails
dandenney
0
190
The Organized Chaos of Email Creation
dandenney
3
1.1k
HTML Emails: Tables, Testing, and Tooling
dandenney
2
120
Creating HTML Emails Can Be Fun
dandenney
9
1.8k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
430
responsive_grids.pdf
dandenney
4
480
Making Money With Web Design
dandenney
4
400
UI Design Decisions
dandenney
2
640
Other Decks in Design
See All in Design
デザインするために「多様性」について考える
iflection
1
300
【pmconf2025】PdMの頭の中を見える化する体験構造図
kamechi7222222
1
2.3k
TWCP#21 UXデザインと哲学のはなし
shinn
0
340
研修担当者が一番伸びた 熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
garyuten
2
350
セブンデックス プロジェクト事例 / innovation Scenes
sevendex
1
600
体験負債を資産に変える組織的アプローチ
hikarutakase
0
1.1k
つくり方を変えていく | change-how-we-build
mottox2
2
1.2k
コムデマネージャーがプロダクトデザインに挑戦した。むずかしくて楽しかった。
payatsusan213
0
280
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
11
13k
2026年、デザイナーはなにに賭ける?
0b1tk
0
530
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1.1M
UI生成の鍵は要件整理 -デザインプロセスのエッセンスを プロンプト作成に取り入れよう-
abokadotyann
3
670
Featured
See All Featured
So, you think you're a good person
axbom
PRO
2
2k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.2k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
659
62k
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
460
Tell your own story through comics
letsgokoyo
1
900
Game over? The fight for quality and originality in the time of robots
wayneb77
1
160
Deep Space Network (abreviated)
tonyrice
0
120
Sam Torres - BigQuery for SEOs
techseoconnect
PRO
0
250
YesSQL, Process and Tooling at Scale
rocio
174
15k
Designing for Performance
lara
611
70k
Side Projects
sachag
455
43k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
21
1.5k
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