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
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
240
横断組織デザイナーの働き方
mixi_design
PRO
0
330
Hybrid NW Infra Design Review: Classic Pattern including Outposts & Route 53 Profile
ichichi
2
150
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
650
もうひとつのアーキテクチャ #kichijojipm
kondoyuko
0
190
世界中のチームワークをどうデザインしているのか
ka3zu1ma10
0
290
若手デザイナーチームが手がける CADC2024クリエイティブディレクションの全貌 / opening-design
cyberagentdevelopers
PRO
1
1.6k
セブンデックス カルチャーブック
sevendex
0
2k
1年目のクリエイターがつくりあげた!採用冊子CANVAS制作の裏側 / creator-canvas
cyberagentdevelopers
PRO
1
520
マンガで分かるサービスデザインガイドライン
senryakuka
1
630
[Designship2024] デザインの力でサービスの価値を追求していたら、組織全体をデザインしていた話
okakasoysauce
3
1.1k
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
880
Featured
See All Featured
KATA
mclloyd
29
14k
A Tale of Four Properties
chriscoyier
158
23k
GraphQLの誤解/rethinking-graphql
sonatard
68
10k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
47
5.2k
Why You Should Never Use an ORM
jnunemaker
PRO
55
9.2k
Mobile First: as difficult as doing things right
swwweet
223
9.3k
Done Done
chrislema
182
16k
Site-Speed That Sticks
csswizardry
4
380
4 Signs Your Business is Dying
shpigford
182
22k
Become a Pro
speakerdeck
PRO
26
5.1k
Building an army of robots
kneath
303
45k
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