Email Design Best Practices
Is your email good to land in your client’s inbox?
The Anatomy of
Heavenly Email Design
The world of Email isn’t dead. Infact, more marketers are marking Email as an important marketing technique in to their calendars.
To create heavenly emails, is thus imperative. Below, we have outlined the elements that play an important role in creating spine chilling email designs, as well as the
pitfalls that can affect the performance.
1. Brand Optimization
A. From Name:
B. From Address:
C. To Field:
D. Subject Line:
Use UTF 8 special character symbols in subject line only if it is highly relevant.
2. Pre -header & Header
A. Online version:
B. Snippet Text:
C. Johnson Box:
- This is the most valuable area of your email which plays a major role in engaging your recipients.
- Put a Line of text that describes the content or purpose that motivates the recipients.
- Try to keep header less than 150 pixel height to avoid pushing your main message and call to action below Johnson Box.
3. Email Layout
A. Ideal email width - 500 to 650 pixels.
B. Vertical layout over the Horizontal is preferable.
C. Text and images should be used in a right proportion.
D. Use a table of content if you have a lot to cover.
E. If you have multiple products/categories to display, provide a navigation bar.
F. Use 4-5 panels of area for visual emphasis that offers specific eye path for key offerings.
G. Calls -to-action should be clear & enticing.
4. Visual Impact
A. Graphics & Imagery should delineate the content sections well. Images speak louder than words.
B. Whenever an image is used, it's important to provide fallback color and alt -text for the image.
C. Try to avoid background images layered with text. Many of the email clients (Outlook, one of them) don't support background images.
D. Make feature headers or product offers readily clickable.
5. Copy & Content
A. Use short sentences and paragraphs.
B. Use design elements like spacing and dividing lines to distinguish the content sections from one another.
C. Use bold typeface and subheaders to make certain words stand out.
D. Use bullet points to showcase benefits.
E. Use web -safe standard fonts. For Eg. Anal, Anal Black, Anal Narrow, Comic Sans, Courier New, Georgia, Impact, Tahoma, Times New Roman, and Verdana. However there are ways to setup non-standard fonts in an email by providing one of the web -safe fonts as fallback font.
F. Ideal font size for body copy is 14 pixels and title is minimum 22 pixels which provides a decent readability on mobile phones.
G. Double check your copy for spellings and grammar.
A. Include Organization's complete contact details.
B. Don't hide the unsubscribe button.
C. Include links to main section of your website or key services/product categories if possible.
D. Make it easy for your audience to share your email by including social sharing links and/or 'Forward to a Friend' options. Encourage the viral affect.
E. Add a line about 'Why your recipients are receiving this email?' to decrease chances of SPAM complains.
A. Rather than embedding videos into emails, use a still image linked to a landing page containing the video.
B. No Flash or Ajax functionalities.
C. Avoid using GIF.
A. If the images you are using, turns off after landing in to the client's inbox your message will not be conveyed. Design your email keeping in mind that the message is conveyed without relying on images to load.
B. When creating HTML emails, include a plain text version that is easy to read and structured for quick scanning.
Mobile Email Design Checklist
A. Email Width:
B. Create tappable calls to action:
a single column template.