Better Layout for a HTML Email Newsletter

   A better layout of a HTML Email creative provides a clear positioning of your content and a structured easy reading for the recipient.

Here are few good tips for well thought out HTML Email Creative.

Determining the layout design:

1. Single column and two-column layouts work best for emails because they control the natural chaos that results when a lot of content is pushed into such a small space as email. Use a consistent HTML template.
2. Add in a header that contains logo, view online links if the email is not rendered properly on recipient email client, instructions to add sender email id to recipients address book (improved deliverability), etc
3. Body or the main section that contains the main content of the mailer.
4. Footer should contain unsubscribe, contact us and forward to friend links and sender’s general terms and policies.

We analysed one of the best email from a top retailer in USA, Target Corporation.

You can notice the email layout in the images below. The header has all relevant detail of add to address book for inbox delivery, view online version, brand logo, etc.

The body of the mailer has a consistent look with a single column view, with a clear offer and an actionable main link. You can also notice actionable links to other categories of products on the retailer website. You would also notice more offers, clearance sales, and other attractive discounts at the bottom of the main offer.

You would notice multi-channel contact points for engagement on other digital channels and fine print of offer details, etc.

You would notice in the footer below, all relevant details on why you are receiving this email, to opt-out from further communications, company policies, etc.

Hope you find these HTML Newsletter design tips helpful.  And make your subscribers hooked to read your content and further actions.