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
Dan Denney
February 12, 2014
Design
2
300
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
160
You're Gonna Love HTML Emails
dandenney
0
170
The Organized Chaos of Email Creation
dandenney
3
1k
HTML Emails: Tables, Testing, and Tooling
dandenney
2
94
Creating HTML Emails Can Be Fun
dandenney
9
1.7k
Web Typography and the Case of the Voluptuous Curl
dandenney
3
420
responsive_grids.pdf
dandenney
4
460
Making Money With Web Design
dandenney
4
380
UI Design Decisions
dandenney
2
620
Other Decks in Design
See All in Design
利用者が離れないUX/UIデザイン 長く使われる業務アプリデザインのポイント
ncdc
5
440
HCDフォーラム2024 「HCDとHAI ~人間とAIが共存する世界の実現~」
kamechi7222222
0
280
【Adobe MAX Japan 2025】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
3
3.4k
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.6k
OLTA株式会社/デザイン紹介資料
taxy
0
110
Generating Momentum | Yasuhiro Yokota
yasuhiroyokota
0
240
デザインシステムの力 Webデザイナーとエンジニアのための実践ガイド / The Power of Design System
spindle
9
4.9k
【デザイン初め新年会2025|01.08】事業貢献するデザイン組織の挑戦 - 2025年、課題解決をリードする。
payatsusan213
0
9.4k
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
190
250131_product meetup
motokoishida
0
100
portfolio2025_kanakoohata
kanako106
0
680
NAHO SHIMONO_Portfolio2025
nahohphp
0
150
Featured
See All Featured
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
330
21k
Unsuck your backbone
ammeep
669
57k
The Invisible Side of Design
smashingmag
299
50k
Being A Developer After 40
akosma
89
590k
Writing Fast Ruby
sferik
628
61k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
The Straight Up "How To Draw Better" Workshop
denniskardys
232
140k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
7
630
Designing for humans not robots
tammielis
250
25k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
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