4 Email Examples that are Pushing the Envelope of Email

Animated gifs can be an effective technique to increase reader engagement by catching the eye of the recipient. There are a number of alternative innovative ways to boost reader engagement, and here are 4 of my favorites in terms of originality and uniqueness.

Added B&Q example 8/2014 (Yes this makes it 5, but this is really cool!)
B&Q Interactive Carousel in Email:

Some of you may have read my post on creating an image carousel in email. Well B&Q did that and more! The email incorporated a carousel of heroes that were not only responsive, they slide when activated. Very well done and I’m hoping is a sign of more cool interactive emails to come! Read Elliott Ross’ take on it on the Action Rocket blog.

bandq-email

Litmus Community Email:
A home for conversations about email design and marketing, Litmus launched their community with an engaging email which emphasizes the people behind their community. Their cool use of rollover and CSS animations achieves a fading and appearing wall of profile pictures which appears in the email itself—check it out here.

Litmus Community Email

Litmus Conference Email:
Taking it to the next level, Litmus promoted their Email Design Conference with a visually impressive email. Their groundbreaking technique displayed a HTML5 video background, which generated an overwhelmingly positive response from their readership. This stylish email accomplished exactly what the marketers intended—increased attention towards their brand.

Litmus Conference Email

Splat the Fly Game:
Who said that interactive emails are limited to marketing campaigns? Here is a fun example showing how CSS animation in emails can be used to create an interactive game that is fully contained within the email. The idea behind the game is straightforward, and it sheds some light on how marketers have plenty of room to think out of the box when it comes to creating exciting emails.

Splat the Fly Game

SVG Animation:
StyleCampaign experiments with not just Scalable Vector Graphics(SVG) in email, but animated SVG images! A main benefit of SVG is that it you can get nice images that scale to large dimensions with very small file sizes.

SVG Animation

As you can see from these four examples, there’s a tremendous amount of room for creativity if you’re willing to experiment a little.

Latest Comments
  1. Andres

    Interactive emails seems to be the new thing, but how are all these examples supported by outlook and other email clients? Also likelihood of it going to the spam folder? Thank you.

    • Justin

      Hi Andres, most of these examples work on Outlook.com but sadly not the Outlook desktop client. So far I haven’t seen any effects regarding these emails getting into the inbox.

  2. Karolina

    Hi Justin,

    thanks for these examples. Indeed, Litmus often pleasantly surprise us with nice and interactive email designs. That’s what they do!

    We have also some new ideas how to make email interactive. It seems that a scratch card doubles the conversion rate of the email! Please, take a look and say what do you think! https://www.soundest.com/blog/5-interactive-newsletter-examples-boost-your-click-rates-at-least-2x/

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">