Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Creating HTML Emails Can Be Fun
Search
Dan Denney
February 12, 2014
Design
2
320
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
170
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
460
Making Money With Web Design
dandenney
4
390
UI Design Decisions
dandenney
2
630
Other Decks in Design
See All in Design
デザインシステムの「種」を使って、受託開発を加速させる
akane___ui
0
12k
ドルちゃん
design_dolphins
0
490
これからの「Webデザイン」の話をしよう~デザイナーの私が考えるブロックテーマへの対応で変わりゆくデザインの価値~
ds35mm
0
390
What makes a great Director?
_limex_
0
350
The Spectacular Lies of Maps
axbom
PRO
1
360
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
140
企画を動かすデザイナーの思考!「広げて絞る」アプローチ。
hikidakan
0
210
Portfolio 齋藤明敏 Hiroyuki Saito_守秘義務あり
crearedesign
0
370
Figmaレクチャー会Part2 もっと使いこなす編@千株式会社 社内勉強会
designer_no_pon
0
150
佐藤千晶|ポートフォリオ
chimi_chia
0
290
CursorでAI活用のナレッジベースを構築する
kanzaki
0
980
逆向きUIの世界〜AndroidアプリのRTL言語対応〜
akatsuki174
1
640
Featured
See All Featured
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Git: the NoSQL Database
bkeepers
PRO
432
66k
Become a Pro
speakerdeck
PRO
30
5.7k
The World Runs on Bad Software
bkeepers
PRO
72
12k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
Bash Introduction
62gerente
615
210k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
54k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
680
A Tale of Four Properties
chriscoyier
162
23k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
990
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4.1k
A Modern Web Designer's Workflow
chriscoyier
697
190k
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