So you have a database filled with subscribers waiting to receive your emails, and a message to deliver. But with so many considerations ranging from how your emails look and function to the message they carry, just where do you start?
The design and layout of your emails are just as important as what you have to say in them. Challenges such as growth in the use of mobile devices, blocked images, preview panes and increasingly short attention spans make good email design critical to success.
In this Webinar, ideapark's Director of Experience Design, Brian Brown, and Senior Technical Designer Dan Fellar shared email examples and practical tips for designing messages that will help you to:
- Maximize readability and deliverability
- Use development techniques that will help keep your design looking great
- Connect with customers to increase profitability and brand loyalty
- Inspire customers to respond and take action
2. Today’s Speakers
• Brian Brown • Dan Feller
– Dir. of Experience Design – Senior Technical
– ideapark Designer
– ideapark
• Loren McDonald
– VP, Industry Relations
– Silverpop
– Moderator
7. OVERVIEW
Graceful degradation
Images vs HTML
Designing in layers
Background images
Using white space wisely
Fonts
Simple solutions for complex designs
10. HTML VS IMAGES - WHY
If images are turned off, there should still be consumable content
Faster loading time
Lower SPAM rating = higher deliverability
11. IMAGES VS HTML
HTML IMAGES
All meaningful copy Heavy graphical spots and photographs
Simple borders Headlines and CTAs with special fonts
Solid background colors Gradient or textured elements
18. ALT TAGS
Allows you to show text with images turned off
Not ALL clients render alt tags
Use on images that link, but don't share an associated HTML link
Use on images that convey a short message (ie. headlines)
49. WHAT WE COVERED
Images vs HTML
Designing in layers
Background images
Using white space wisely
Fonts
Simple solutions for complex designs
Graceful degradation
50. More information and questions?
If you have any further questions on email rendering, either from a design or
development standpoint, feel free to contact Dan:
dan@ideapark.com
51.
52. Q & A / Contact Information
• Brian Brown • Dan Feller
– Dir. of Experience Design – Senior Technical
– ideapark Designer
– brian@ideapark.com – ideapark
– dan@ideapark.com
• Loren McDonald
– lmcdonald@silverpop.com
– Twitter: @LorenMcDonald
– Twitter: @silverpop
53. About Silverpop
• A leading email marketing / marketing
automation provider
• Email marketing
• Transactional email
• Share-to-social
• Send Time Optimization
• Landing pages
• Surveys
• SMS
• API Integrations w/ Web analytics,
personalization, reviews, recommendation
technologies
54. Resources
• Resource Center
– White papers
– Webinars
– Blogs
– Case studies
– Newsletters
– http://www.silverpop.com/marketing-resources/index.html
• Many presentations on SlideShare
– www.slideshare.net/Silverpop
55. Thank You!
On Twitter: @Silverpop
www.slideshare.net/silverpop
www.silverpop.com