4. 58% of online
consumers begin the
day with email.
-ExactTarget, âSubscribers, Fans, &
followers Report #1, Digital Morning
5. Email creative is more than just
design.
Itâs also branding, sales, content, layout, UX, and technical
execution. You donât have to be a graphic designer to add value to
the creative process.
Today weâll discuss:
⢠How to approach, develop, and evaluate email creative
⢠Updating your layouts for the new mobile paradigm
⢠How to connect with your subscribers in the social age
10. The answers to these
questions will help you
concept, build, and evaluate
your email creative using
âThe Triangle Offenseâ.
11. âThe Triangle Offenseâ
This design strategy
embraces the fact that most
people donât read
emails, they scan.
12. How it Works
Optimize each modular
What? section of an email for
fast comprehension of
What, Why, How.
Users might jump
straight from What to
Why? How, with the general
content and imagery of
the inner triangle acting
as the Why.
Make sure your email
How?
passes the triangle scan
test.
19. The Keys to the Triangle
Communicate efficiently. Make sense.
⢠Tie your headlines and calls-to-action
together
⢠Remove extraneous copy and visuals that
donât support the goal of the email or
module
⢠Expect your subscribers NOT to read the
entire text
⢠Find the emotional need of your âWhatâ
27. How to make your email âMobile Friendlyâ
⢠The âmobile versionâ is a dated concept. Mobile
users expect a scalable, readable email.
⢠Prioritize content, remove âjust in caseâ content
⢠Increase all font sizes, especially headlines
⢠Balance HTML & Images, latency can be an
issue (think âairplane modeâ).
⢠Scalable widths will provide readability (640px
max). Explore fluid width tables.
30. Advanced: @media queries
CSS style sheets that modify the email
design when deviceâs capabilities match
specific criteria.
Allows you to:
⢠Hide content from displaying in the email
⢠Show higher resolution images on iOS
⢠Add alt text to background images
⢠Progressive disclosure to show additional content on
click
⢠Change text sizes based on screen size
32. Social = People Power
⢠Humanize your content
⢠Use public user generated
content
⢠Tweets
⢠Facebook Comments
⢠Reviews
⢠Speak using a real voice and
not in marketing/campaign
speak