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
2
330
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
180
You're Gonna Love HTML Emails
dandenney
0
180
The Organized Chaos of Email Creation
dandenney
3
1.1k
HTML Emails: Tables, Testing, and Tooling
dandenney
2
110
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
470
Making Money With Web Design
dandenney
4
390
UI Design Decisions
dandenney
2
640
Other Decks in Design
See All in Design
組織の右腕として共創する ー デザインと経営の二つの視点から見えた、新しい支援のかたち/ Designship2025_Nishimura
root_recruit
0
290
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
2.8k
「デザイン」の自分ごと化から始める、デザインピープルのふるまい
mewmo
PRO
0
170
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
0
390
Drawing for Animation
lynteo
2
200
「余白」と「欲望」を味方につける ——AI時代のデザインエンジニアリングと「越境」の作法 #KNOTS2026
koyaman
1
1.4k
Goodpatch Tour💙 / We are hiring!
goodpatch
31
1M
爆速開発でAIプロダクトが40万インプレッションになった話
tsubura
0
180
Diverse Design Team Deck
diverse
0
760
Connpass-Xperia_Camera_App_by_HCD.pdf
sony
0
500
文化のデザイン - Soft Impact of Design
atsushihomma
0
140
AIネイティブスタートアップにおけるプロダクト開発の新常識 / Product Development Tips in AI-Native Startups
saka2jp
2
1k
Featured
See All Featured
30 Presentation Tips
portentint
PRO
1
240
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
47
8k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
Accessibility Awareness
sabderemane
0
65
Large-scale JavaScript Application Architecture
addyosmani
515
110k
The Cult of Friendly URLs
andyhume
79
6.8k
Highjacked: Video Game Concept Design
rkendrick25
PRO
1
300
A Tale of Four Properties
chriscoyier
162
24k
Marketing to machines
jonoalderson
1
4.9k
Unlocking the hidden potential of vector embeddings in international SEO
frankvandijk
0
180
Reality Check: Gamification 10 Years Later
codingconduct
0
2k
Darren the Foodie - Storyboard
khoart
PRO
3
2.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