The Commandments of Email & Newsletter Design; an interactive infographic & checklist for creating exemplary emails.

Email Design Best Practices Is your email good to land in your client's inbox? - Monks' Monastery 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 « Back to Inbox Report Spam Delete < Newer 2 of 2594 Older> A. From Name: Include your brand name in the From Name. Email Newsletter Design & Coding Service Inbox B. From Adress: A Email Monks B Use an identifiable From Address. To: Ravi Pathak C. To Field: To field of your email should be personalized to the recipient's name, not their email address. - This message contains ges Show Images Options D. Subject Line: Use an informative, short and recognizable Report Spam Delete ( Newer 1-50 of 2594 Older > O Email Monks Monks V Email Design Coding - Email Design Best Practices Infograph subject line. Limit the words to 35 characters or less. Dont's use ALL CAPS or spammy words, though the most important factor for spam filter is domain reputation. However, subject lines plays a role when reputation is low. Use UTF 8 special character symbols in subject line only if it is highly relevant. 2 Pre-header & Header A. Online Version: Include a link to an online version of your email. B. Snippet Text: O> 25% D . AIRTEL 3G 5:56 PM Few email clients like Inh Emailmonks Edit Gmail/Outlook/iPhone etc show snippet or preview text (usually limited to 100 characters or less) Here, the text will be pulled out from the first few lines of email content. Use this valuable property to build on subject line. Emailmonks Wednesday Thank you for the order EmailMonks Payment Receipt Thanks for your recent order. Your order details are.. Emailmonks Alom Ordar Wednesday C. Johnson Box: (Preview Pane top 400X300 Pixels) A Can't see this email ? View it online Sales and Support • This is the most valuable area of your email which plays a major role in engaging your recipients. JOHNSON BOX 150px 123 456 7890 YOUR HEADLINE GOES HERE • 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 400X300 px Johnson Box. 3 Email Layout 4 Visual Impact A. Ideal email width 500 to 650 pixels. A. Graphics & Imagery should delineate the content sections well. Images speak louder than words. B. Vertical layout over the Horizontal is preferable. C. Text and images should be used in a right proportion. B. Whenever an image is used, it's important to provide fallback color and alt-text for the image. 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. C. Try to avoid background images layered with text. Many of the email clients (Outlook, one of them) don't support background images. F. Use 4-5 panels of area for visual emphasis that offers specific eye path for key offerings. D. Make feature headers or product offers readily clickable. G. Calls-to-action should be clear & enticing. 5 Copy & Content dyee en A Logohere 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. Email Marketing for your business D. Use bullet points to showcase benefits. n oe a C maga ono eata Dae na E. Use web-safe standard fonts. For Eg. Arial, Arial Subscribe Now Black, Arial 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 Clean & minimal email template Dre n N of the web-safe fonts as fallback font. Subscribe Now F. Ideal font size for body copy is 14 pixels and title is minimum 22 pixels which provides a decent readability on mobile phones. Expand your promotion today! Lom nrtatec don Nan o pa donur tac s utstan an o G. Double check your copy for spellings and grammar. • Praesent iaculis elit quis diam commodo porta 6 Footer A. Include Organization's complete contact details. Spread. the V tell a friend B. Don't hide the unsubscribe button. f C. Include links to main section of your website or key services/product categories if possible. in 8* 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. Why receiving this email? E Our Services: Service 1 infogwebsite.com Because you signed up to our Service 2 +1 708 300 0006 maling list E. Add a line about 'Why your recipients are receiving this email?' to decrease chances of SPAM Service 3 Address: C-106, 9th Sqare Old Block - NJK Not interestend anymore? unsubscribe frome our list B complains. * Avoid * Worth considering Esil Monhe Emal Moni Neque porro quisquam dolorem ipsum Email Menka Valenines offer Email Menka Valendines Cffer This Valantina's Day cet more love t 255 lesa pet more leve at 25% les. Email Monka prevides Flet 25% off to these Lorem ipsum dolor sit amet, consectet elit. Fusce venenatis tincidunt ibero ve Vestibulum ac adipiscing leo. Maunis o orci a neque dignissim nec. Email Monka prowides Flot 25% otf to those who wish to spreed Love. who wish to spreed Love Read More hethe dnt o O Image on Image off with alt text A. Rather than embedding videos into emails, use a still image linked to a landing page containing the video. 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. No Flash or Ajax functionalities. C. Avoid using GIF. B. When creating HTML emails, include a plain text version that is easy to read and structured for quick scanning. Mobile Email Design Checklist "90% of smartphone "Stats say 42% of emails are now opened on a mobile device." owners access the same email account on mobile and desktop." Exact Target "The 2012 channel reference survey (2012) Litmus "Email Analytics" (Jan 2013) O Logo Here We meet agian, Company Name. A. Email Width: Stay under 600 pixels for Android. Litmus suggests 320 to 550 pixels. D. Finger Targets: Increase font size, line spacing, button sizes and white spaces to make it easy to touch and go for the touch screen mobiles. Lorem ipsum dolor sit amet B. Create tappable calls to action: Your creative calls-to-action need to be Lorem ipsum dolor sit amet, consectetur E. Visibility of call to action and links: As mobile devices don't support hover states, make sure your links, buttons etc are clearly visible as clickable objects. adipiscing elit. Maecenas eye-catching, in center and tappable, with a minimum size of 44 x 44 pixels. C. Layout: While newsletters are typically designed in two or three columns, mobile optimized email should be designed in a single column template. F. Coding Methods: Choose Responsive or Scalable email coding standards while developing your email that uses rich media queries to shape your email based on the screen resolution. Lorem ipsunm dolor sit amet Lorem ipsum dolor sit amet consectetur adipiscing elit. Maecenas dictum auctor egestas Nua facilisi To experience the difference between Responsive, Scalable & Fixed email layouts visit www.emailmonks.com/explore.html or scan the QR code from your mobile. Email Design Checklist Download the printable version of Email Design Checklist at www.emailmonks.com/checklist.pdf Brand Optimization O gand Name is included in O From Aess is identifuble f facebook.com/emailmonks e twitter.com/emailmonks 3 +1 213 674 MONK Email Monks X [email protected] S emailmonks www.emailmonks.com O pinterest.com/emailmonks 論 Email Design Best Practices Is your email good to land in your client's inbox? - Monks' Monastery 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 « Back to Inbox Report Spam Delete < Newer 2 of 2594 Older> A. From Name: Include your brand name in the From Name. Email Newsletter Design & Coding Service Inbox B. From Adress: A Email Monks B Use an identifiable From Address. To: Ravi Pathak C. To Field: To field of your email should be personalized to the recipient's name, not their email address. - This message contains ges Show Images Options D. Subject Line: Use an informative, short and recognizable Report Spam Delete ( Newer 1-50 of 2594 Older > O Email Monks Monks V Email Design Coding - Email Design Best Practices Infograph subject line. Limit the words to 35 characters or less. Dont's use ALL CAPS or spammy words, though the most important factor for spam filter is domain reputation. However, subject lines plays a role when reputation is low. Use UTF 8 special character symbols in subject line only if it is highly relevant. 2 Pre-header & Header A. Online Version: Include a link to an online version of your email. B. Snippet Text: O> 25% D . AIRTEL 3G 5:56 PM Few email clients like Inh Emailmonks Edit Gmail/Outlook/iPhone etc show snippet or preview text (usually limited to 100 characters or less) Here, the text will be pulled out from the first few lines of email content. Use this valuable property to build on subject line. Emailmonks Wednesday Thank you for the order EmailMonks Payment Receipt Thanks for your recent order. Your order details are.. Emailmonks Alom Ordar Wednesday C. Johnson Box: (Preview Pane top 400X300 Pixels) A Can't see this email ? View it online Sales and Support • This is the most valuable area of your email which plays a major role in engaging your recipients. JOHNSON BOX 150px 123 456 7890 YOUR HEADLINE GOES HERE • 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 400X300 px Johnson Box. 3 Email Layout 4 Visual Impact A. Ideal email width 500 to 650 pixels. A. Graphics & Imagery should delineate the content sections well. Images speak louder than words. B. Vertical layout over the Horizontal is preferable. C. Text and images should be used in a right proportion. B. Whenever an image is used, it's important to provide fallback color and alt-text for the image. 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. C. Try to avoid background images layered with text. Many of the email clients (Outlook, one of them) don't support background images. F. Use 4-5 panels of area for visual emphasis that offers specific eye path for key offerings. D. Make feature headers or product offers readily clickable. G. Calls-to-action should be clear & enticing. 5 Copy & Content dyee en A Logohere 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. Email Marketing for your business D. Use bullet points to showcase benefits. n oe a C maga ono eata Dae na E. Use web-safe standard fonts. For Eg. Arial, Arial Subscribe Now Black, Arial 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 Clean & minimal email template Dre n N of the web-safe fonts as fallback font. Subscribe Now F. Ideal font size for body copy is 14 pixels and title is minimum 22 pixels which provides a decent readability on mobile phones. Expand your promotion today! Lom nrtatec don Nan o pa donur tac s utstan an o G. Double check your copy for spellings and grammar. • Praesent iaculis elit quis diam commodo porta 6 Footer A. Include Organization's complete contact details. Spread. the V tell a friend B. Don't hide the unsubscribe button. f C. Include links to main section of your website or key services/product categories if possible. in 8* 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. Why receiving this email? E Our Services: Service 1 infogwebsite.com Because you signed up to our Service 2 +1 708 300 0006 maling list E. Add a line about 'Why your recipients are receiving this email?' to decrease chances of SPAM Service 3 Address: C-106, 9th Sqare Old Block - NJK Not interestend anymore? unsubscribe frome our list B complains. * Avoid * Worth considering Esil Monhe Emal Moni Neque porro quisquam dolorem ipsum Email Menka Valenines offer Email Menka Valendines Cffer This Valantina's Day cet more love t 255 lesa pet more leve at 25% les. Email Monka prevides Flet 25% off to these Lorem ipsum dolor sit amet, consectet elit. Fusce venenatis tincidunt ibero ve Vestibulum ac adipiscing leo. Maunis o orci a neque dignissim nec. Email Monka prowides Flot 25% otf to those who wish to spreed Love. who wish to spreed Love Read More hethe dnt o O Image on Image off with alt text A. Rather than embedding videos into emails, use a still image linked to a landing page containing the video. 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. No Flash or Ajax functionalities. C. Avoid using GIF. B. When creating HTML emails, include a plain text version that is easy to read and structured for quick scanning. Mobile Email Design Checklist "90% of smartphone "Stats say 42% of emails are now opened on a mobile device." owners access the same email account on mobile and desktop." Exact Target "The 2012 channel reference survey (2012) Litmus "Email Analytics" (Jan 2013) O Logo Here We meet agian, Company Name. A. Email Width: Stay under 600 pixels for Android. Litmus suggests 320 to 550 pixels. D. Finger Targets: Increase font size, line spacing, button sizes and white spaces to make it easy to touch and go for the touch screen mobiles. Lorem ipsum dolor sit amet B. Create tappable calls to action: Your creative calls-to-action need to be Lorem ipsum dolor sit amet, consectetur E. Visibility of call to action and links: As mobile devices don't support hover states, make sure your links, buttons etc are clearly visible as clickable objects. adipiscing elit. Maecenas eye-catching, in center and tappable, with a minimum size of 44 x 44 pixels. C. Layout: While newsletters are typically designed in two or three columns, mobile optimized email should be designed in a single column template. F. Coding Methods: Choose Responsive or Scalable email coding standards while developing your email that uses rich media queries to shape your email based on the screen resolution. Lorem ipsunm dolor sit amet Lorem ipsum dolor sit amet consectetur adipiscing elit. Maecenas dictum auctor egestas Nua facilisi To experience the difference between Responsive, Scalable & Fixed email layouts visit www.emailmonks.com/explore.html or scan the QR code from your mobile. Email Design Checklist Download the printable version of Email Design Checklist at www.emailmonks.com/checklist.pdf Brand Optimization O gand Name is included in O From Aess is identifuble f facebook.com/emailmonks e twitter.com/emailmonks 3 +1 213 674 MONK Email Monks X [email protected] S emailmonks www.emailmonks.com O pinterest.com/emailmonks 論