We know the drill. A lot of email clients don’t automatically show the images in an email message. Of course you can set things right with the alt-tags. We make ends meet. That’s why we don’t want you to miss this great example.
They teach us three simple tricks to minimalize the problem of the not-shown images.
1 Even though the images are blocked, you can still play with color. Emails with HTML and accompanying css styles are becoming standard? You can perfectly use those for your advantage. You can always work with color patches and put certain words in a specific style, with matching fonts and colors. If you bring back this style into all your email designs, you’ve built a recognizable format, without having to worry about non-displaying images.
2 If you know that images aren’t displayed immediately, you can make them subordinate in your design. Take a look at the versions above and below. Where do you see images and where are they missing? If you forget about the company logo for a moment, a quick scanner won’t even miss the images in his mailbox. The social media buttons aren’t his primary concern. And the absence of the triangles in the headers do not affect the power of the message.
3 Every handbook of online marketing will tell you the same about the company logo. Always place it in the top left hand corner. It will help you improve the recognition of your brand in the mind of the consumer. But it’s also good when your contacts are scanning your message. It will make the difference between opening and deleting the email. When the images are turned off, every logo is doomed to disappear. But by using css Moo has accomplished something: the green area in combination with the white letters will take care of the first recognition.