Alright, now that you’re getting to grips with our Mailbeanz email marketing solution we’ve had a few requests on how to get the most out of our design methods. Indeed, as web designers, we’ve grown pretty good at understanding how to create a modern, semantic, accessible websites using XHTML and CSS and we understand what makes a good website, and how to make it happen.
When it comes time to design emails though, do all the same rules apply? Are there things that you should be doing specifically for email that don’t make sense on a website? So, in this article we’ll discuss the technical, design and information elements that make up a successful Mailbeanz HTML email.
The quick and dirty guidelines
If you want to dive right in and just need some direction, here’s the outline:
- Don’t waste your readers’ time – An email inbox is a busy place, you won’t get much attention.
- Permission matters – Not only do you need to have permission to email people, but it helps to remind them of how they gave you permission, as specifically as you can.
- Relevance trumps permission – Just having permission is not enough, the content you’re going to be sending must also be relevant.
- Make unsubscribing easy – There’s no point emailing people who are not interested.
- Image blocking is common – You can’t rely on people actually seeing your images.
- Don’t overlook your plain text version – You can make blocks of text more readable.
- and test it before you send it – It’s the only way to be confident about your design working.
Don’t waste your readers’ time
An email inbox is a very noisy environment, with calendars, notes and folders all competing with the actual emails for space. Given that your reader may only ever see your subject line before deciding whether to read your email, you can’t afford to waste time.
So make sure that your emails show right away why they are worth reading. Consider starting with a succinct table of contents to help decide whether they should read on.

Permission matters
There are a multitude of laws that apply to commercial email dependent on your location, but the one rule that applies almost everywhere is that you absolutely must have permission to send people bulk email. In most cases, it also makes sense to remind people about how they gave you that permission.
Particularly if you don’t send emails very often, or the signup was for a competition (for example) people can forget that they actually asked to receive email. A short message at the top of your email can help people remember, and make them more likely to read on.
You can also use our custom fields tools to personalise your permission reminder. So if you have multiple sources of permission, be explicit; don’t just say “your address was subscribed to our list” tell them why their address was subscribed to your list. Let them know where they signed up and how they can opt-out. This can go a long way towards reducing potential spam complaints.
Here’s an example of a simple, contextual reminder that people gave their permission when visiting a trade show booth:

Recent email consumer surveys have shown that “knowing and trusting the sender” was the biggest influence on whether emails are opened, narrowly beating out “previously opened and thought valuable”.
So consistently reminding your readers who you are, and why they should trust you can make a big difference to your open rate.
Relevance trumps permission
Even more than having permission, it is vital that you are sending valuable, relevant information to your subscribers. That means not sending information to everyone on your list just because you can. Consider carefully whether the information is both useful to them, and what they are expecting from you.
Make unsubscribing easy
There’s no point emailing people who are not interested in your content any more. If it is no longer relevant to them, let them just unsubscribe easily. Forcing people to play ‘hunt the unsubscribe link’ will only irritate them, and is likely to end up with spam complaints.
This is unfortunately a common approach to permission reminders and unsubscribe links. Much better to make it clear and prominent; that way if they do decide in the future they need the information you offer, they will have confidence in signing up again.
Image blocking is common
In many of the major email clients, including Microsoft Outlook, AOL and Gmail, your images will not be shown by default. Your readers will have to click another link or button to make them download and display. Your readers will initially see the email on the left below displayed as shown on the right.

So no matter how perfectly you choose your imagery, it may have no impact, or a negative impact on the success of your email. As you can see above, your email can appear totally empty, so never design an email using all images. Always ensure that you have copy available in your HTML part, as well as the plain text.
Of course, as many as 30% of your subscribers might not even realize they can choose to show images. An unknown percentage just won’t bother. So you can’t rely on people actually seeing your images at all.
To ensure your emails still work even without the images showing, you can make a few simple improvements:
- Never use images for important content like headlines, links and any calls to action.
- Add a text-based link to your web version of your design at the top of your email.
- Get added to your recipient’s address book or whitelist.
- Use ‘alt text’ for all images for a better experience in Gmail etc.
- Test your design with images turned off before you send it.
Don’t forget your plain text version
Bear in mind that although that shiny happy HTML version may be beautiful, not everyone can view HTML emails, or wants to. Blackberry users, for example, will mostly see your plain text version. So we’ve made it easy for you in Mailbeanz by providing a quick start to your plain text version. With just the click of a link the text from your HTML email will be carried over to the plain text version.
Don’t stop there though. Make sure you review your plain text version. Although our import tool is pretty slick it’s not perfect. Your plain text version needs a human set of eyes on it to make sure the formatting is perfect and all the content you want to include is included.
Then don’t forget to test, test, test!
This one can’t be emphasized enough. On top of your client’s main lists, why not also add a small test list possibly consisting of yourself and your client’s email address? You want to make sure you receive what your recipients are receiving to ensure you know about any problems that may arise.
If you’re having trouble, don’t forget we’ve included a bunch of help files to get you polished up and these are always available at the top right of your control panel.
Tip: Get inspiration for great HTML email designs
There is plenty of great email design being done out in the world, so there is no shortage of creative inspiration. But if you’re struggling with a blank canvas why not sign up for the newsletters of companies in your industry, to see how other people are approaching it?
Should you want a bespoke template designing for you or you have a design you’d like us to convert into a great email design and upload it to your Mailbeanz account, please get in touch to discuss your requirements.
Good Luck,
Team Beanz
