Animations For Email

The gif depicts putting the clothes in the bag, which unconsciously conveys the users the feeling of already owning the products. The gif effect here switches different poses of the same model with balloons, clearly showing that this girl is having a lot of fun. The second one influences the users on an unconscious level. Although quite direct, they made it look like a game, which most likely made a lot of users smile. They say that a picture is worth a thousand words, so an animated one must be worth even more.

25 Wonderful Examples of Animated GIFs in Email Marketing Templates

Nobody gives up easily what they already own, right? Most people associate this one with pleasure and happy feelings. Using these two concepts, you can create everything from a simple hover effect on buttons to more complex animations that are triggered in an interactive email.

Code specifying the animation properties. The email template was aimed to put the users in a happy and celebrating mood.

Net-a-porter used a gif image in their email template to show their newest jeans collection. The first and most obvious association of this animation is the fall itself. The presentation starts with a rotating backpack, providing a thorough degree view of the item. Therefore, making them more likely to click. West Elm offers modern furniture and various home decorations.

You can also see the price for each item. Once you have your keyframes set up, you need to initiate the animation. It shows a sweeping effect that also changes the color of the background and font with a very Christmas look and feel. In the above example, I have a mock email that will need to be scrolled on a mobile device. About Latest Posts Related Posts.

You can build more complex frame-based animations by swapping out the from and to keywords with percentages to denote individual frames. However, it should be noted that using animated gifs in email marketing is not suitable for all products and companies. He is a brand magician who loves to engage, share insights with fellow marketers, and enjoys sharing his thoughts on the latest email marketing best practices at EmailMonks Blog.

25 Excellent Examples of GIF Animations in Email Marketing The Sequel

They achieved a cool realistic effect, using a gif animation. One gif animation, three purposes! Bonobos used gif in their email campaign to present their newest summer collection. With the help of a gif image, they applied another great marketing technique.

Psychologically, when you win your prize, you would be more likely to use it. Porter opted for the animated fireplace in their email marketing newsletter. Since I want the animation to loop, I set the iteration count to infinite and then reverse the direction upon completion. It shows all the color variations in which you can buy the bag with a bright and colorful font, which changes according to the model. Litmus also decided to use an animated gif in their email marketing campaign.

Why use CSS animationsTypes of Animations possible in emails

Combining the gif with the provoking text, this email template has certainly raised its chance to lead into a conversion. Code specifying the keyframe animations for Snow. The gif itself needs to have some idea behind it that is associated with the product. For example the Wobble css feature for a button.

The variety of different models shift very cleverly in a clockwise direction. While moving photographs are not possible in print media, digital media has already succeeded in adding value to static elements and images by animating them. Because of the mystic element, this marketing technique is incredibly effective.

Again, the best way to understand keyframe animations is by looking at an example. To encourage that scrolling, 20-20 cad software I added an arrow that uses keyframe animations to gently bounce up and down.

Simple, but very effective. Do you need some more inspiration? This shiny Kate Spade New York email template catches the eye and provokes curiosity in the users while they wait for the gift to unwrap. Seeing this email in your inbox would certainly catch your eye.

In the example above, I target a div with the class animate. One of the more common ways to enhance emails is by adding animation and motion to a campaign. This way they make the user focus on the main message and, of course, the call-to-action button. Seems like American Eagle Outfitters are big fans of using gif images in their email campaigns.

Click on the above banner to know more about different rich media in emails. It depictures a fast finishing lemon juice which implies that their offer will expire very soon.

Mailbakery blog

Animated Email Gifs - Email GraphicsFree Email Animations - Animated Email Clipart

Neiman Marcus used a very nice typography animated gif in their advertisement that spells out the main title in an elegant font. Leave a Reply Cancel Reply Your email address will not be published.

The effect has been fortified with the campaign message and turns out to be quite a prerequisite for a success. This specifies what styles the element will inherit at specified time intervals. This is largely still the case.

Net-a-porter wanted to make an accent on their huge variety of models and presented them in quite an interesting way. The copy and the gif image successfully convey users a sense of urgency. This specifies what keyframes are to be included in the specified element. In this email template you win in all three cases. Click on this image to view this Christmas email in full glory.

Tags animated gifs animated gifs in email marketing email marketing email marketing templates email newsletters inspiration. This way the gif effect unconsciously conveys a sense of urgency.

Under four of the candies J. Could our ancestors have ever thought that one day, moving photographs would be for real? Keyframes are not element specific and can be inherited by any elements that are specified using animation tag. Click on this image to view snowflake slowly descends in the background.

Two Types of Animation