Since I got such a great response to my Banner Design post, I thought I would basically do the same thing for Email Design. I’m going to look at what makes a successful Email Design.
Pixel Size
Set your width to about 500-600 pixels. Most recipients will be looking at your email through their “preview pane” which is usually a small portion of their available screen. One of the most popular email clients is Microsoft Office’s Outlook. It’s preview pane is adjustable, but usually defaults to somewhere in between 400 and 500 pixels wide!
Speed
Basic advertising and marketing research has told us that we don’t have a lot of time to communicate the message of our ads. Your customer could only glance at your ad for 2 seconds! That’s why the content of your email needs to have hierarchy and the copy needs to be designed so that it’s easily scan-able. Since the customer’s preview pane is so small, they will only see the top half of the email. So make sure the main message is above the fold!
Branding
I’ve seen a lot of email campaigns with artwork that is totally different than it’s landing page. I would advise against this practice. The email and landing page should look related. They should use the same messages, colors, logos, and images. If the customer ends up on a landing page that looks different than the email creative, they will get confused and think they are in the wrong place and most likely abandon your campaign’s funnel.
CSS
Forget using CSS. Coding for emails is difficult. There are so many scenarios. You will encounter more scenarios than you do with your web design work. Your email design could be viewed in a number of different combinations of browsers, clients and operating systems. I know it will limit what you can do with the design, but in my experience, you can save yourself a lot of time trying to fix CSS in all these scenarios, by just using HTML with no CSS. Actually, I think you will be surprised what you can learn and accomplish by limiting yourself to only HTML! If you must use CSS, use embedded CSS instead, and make sure it’s below the tag. Any CSS that you place inside the tags will be lost. So don’t try to link to CSS files hosted on your server.
Testing
Make sure you send a test email to a variety of email clients and services. An email can display very differently in each scenario, so it is very important to check if it looks alright, no matter how complex your design/code is.
Subject Lines
You need to write compelling subject lines. The first thing people will see is the subject line. Then they decide if they want to open your email. Sometimes the subject line is not interesting enough, and they don’t even open the email! If they don’t open the email, they won’t click on the ad. If they don’t click on the ad, they lose opportunity to purchase a product or take any type of action you wish them to take. So grab there attention by using a phrase or words that resonate with your customer.
Key Benefits List
Use a point form list to communicate to the customer the key benefits of the product or service. This is a quick way for the customer to consume the content of your email’s message or proposition. It is a very popular element and is widely used in many email designs.
Call to Action
Just like in banner design and landing page design, you need to have a strong call to action. Usually ones that clearly tell the customer what they’re going to get have the most impact. Ex. “Download your FREE kit now!”… rather than just “Start Today!” If you place a strong call to action on a tangible button shape, you got a winning combination!
Flash
It doesn’t work in emails. Don’t waste your time trying to figure it out. There is no flash player for Outlook. Also, Javascript, ActiveX, Movie Clips, etc., they don’t work either. If you need something like this, put a link to a web page with the video on it.
Unsubscribe
You need a link to a page where the user can opt-out. This link needs to be visible and can go anywhere in the email. I would recommend placing it at the bottom (So they look at your ad first, just in case they’re interested!). Also a physical address has to be present, in case they want to send the opt-out request by regular mail. The CAN-SPAM laws, require that a physical street address is included in every commercial email.