Perfect Email Design Practice By EmailChopper

1
PSD to HTML Email Template Design
?
Perfect Email Design Practice
?
?
Make your Design Perfect Prior to it Lands in
Clients Inbox
The structure for the best email design
2
PSD to HTML Email Template Design
?
3
PSD to HTML Email Template Design
?
1 Including brand name
From Name
A
The brand name can be included in the From Name
From Address
B
Fill this place with From Address
Recipient Address
C
The place should be personalized with the
recipients name
Subject Line
D
Create a precise subject line that is easy to
recognize. Keep the characters limit to or less
than 35 characters.
4
PSD to HTML Email Template Design
?
5
PSD to HTML Email Template Design
?


Visually Striking
The Layout Of Email
A
Images have more powerful effect than words
hence ,utilize the images that suit the content
section well.
The ideal email width is 500 to 650 pixels
A
Vertical layout is always good in comparison to
the horizontal one
B
Text and images should be equal in proportion
C
It is good to provide alt-text and fallback color
for the image
B
Make use of attractive call to action buttons
D
C
Make headers a clickable option for readers
Use navigation bar only when there are multiple
products
E
It is good to avoid text layered background
images. A number of email clients do not support
background images
D
Table of content is recommended if you need to
cover a lot with the email
F
For visual emphasis, it is good to use 4-5 panels
of area
G
6
PSD to HTML Email Template Design
?

Content (the body of email)
Prefer precise sentences and paragraphs
A
Design elements such as spacing and dividing
lines. It will help to separate the content
B
Its good to incorporate bullet points to
advertise the benefits
C
Subheaders are good with bold typeface
D
Create 14 pixels font size and try to blend the
title in minimum 22 pixels. It offers great
readability over the phone
E
Arial, Arial Black, Times New Roman, Verdana,
etc. are the most preferred standard fonts
F
Check the copy more than once for ensuring
flawlessness
G
7
PSD to HTML Email Template Design
?

Footer
The place is ideal to fill with organizations
contact details
A
It is good to include the links of the websites
somewhere in the footer
B
Visualize the subscribe button
C
Include social sharing buttons. It will help the
readers to share the content
D
Adding a line about why recipients are receiving
the mail will decrease the chances of SPAM.
E
8
PSD to HTML Email Template Design
?


Escape
Good To Consider
A
Emails can be designed without incorporating too
many images. Remember if your images are not
landing well over the recipients inbox, the mail
will not be considered a successful one. Thus,
create your message without relying too much on
the images.
Avoid videos and use still images that have a
link to the landing page having the video
A
Plain text version can be incorporated over the
HTML email. It structures the email for quick
scanning
B
Do not mix Flash and Ajax functionalities
B
Do not mix Flash and Ajax functionalities
C
9
FEATURES
?
Studies suggest that nearly 90 of emails are
equally accessed over the phones and desktops.
Stats show that 42 of emails are opened on
mobile devices.
A
Email Width Keep the pixels width under 600 for
the Android. Litmus idealizes 320 to 550 pixels.
Create easy to tap CTA Besides being a creative
piece of design, the call to action should be
attractive, centered and tappable having a
minimum size of 4444 pixels.
B
C
D
Easy touch targets Make the template
touch-friendly with increased font size, white
space, line spacing, button size, etc. to make it
mobile-friendly
Layout It is the best practice to design mobile
optimized emails in single column template.
Easy to recognize links Make sure the links and
the call to action are clear and visible to the
audience
E
F
The Coding Try to choose scalable email coding
while you develop the mail. Use rich media
queries to shape the email based on the screen
resolution.
10
PSD to HTML Email Template Design
?
Contat US
gt
EmailChopper
https//www.facebook.com/emailchopper
A-2, Sec-63, Noida
Uttar Pradesh (India)
https//twitter.com/EmailChopper
Sales_at_emailchopper.com
https//plus.google.com/Emailchopper
Phone [phone]
https//www.youtube.com/user/emailchopper