![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/1-1.gif\")
<\/figure><\/div>\n\n\n\nWhile people are still debating over the pronunciation of GIFs (whether it should be G as spoken in the gate or the sound of G in giraffe), it has got immensely popular with the entire email marketing fraternity. How these animated images have evolved over the past three decades is indeed remarkable. Be it websites, social media channels, or emails, GIFs make every communication more impactful and fun to consume. <\/p>\n\n\n\n
56.6% of email marketers<\/a> revealed that they are adding animated GIFs at least sometimes in their marketing emails. This figure makes sense because every next email that you open has some kind of animation in it. It might be a basic animation, but it\u2019s there!<\/p>\n\n\n\n Remember we talked about the advent of GIFs<\/a> in emails in an article a couple of years ago? In this blog, we shall go a step further and discuss some really smart ways of using GIFs in emails<\/a>. <\/p>\n\n\n\n Your logo is the face of your brand. You can use GIFs to personify your logo and add a personality to your emails. It will make your boring email visually attractive and enhance the brand recall for your customers. <\/p>\n\n\n\n Hollister has sent out a nice summer email with an animated logo alternating between Hollister and Carpe Now, which means \u201cSeize This\u201d to emphasize the offer. <\/p>\n\n\n\n The hero image also includes an animation that suggests that it is the final call to complete the purchase. <\/p>\n\n\n\n If this looks too complicated to you, you can go for something as simple as Swiggy\u2019s email design.<\/p>\n\n\n\n Hims & Hers has used a creative animation to make an announcement that their products will now be available at Target<\/em>. They have animated the hero image along with the logo and unveiled the logo of \u201cTarget\u201d. Take a look. <\/p>\n\n\n\n It is not always necessary to add complicated animations to leave an impact on the subscriber\u2019s mind. Remember that a great design is always about functionality as much as aesthetics. You can have a simple GIF to catch the subscriber\u2019s attention and promote your offer. <\/p>\n\n\n\n Here\u2019s how Toms has notified the users about the 75%Off Surprise Sale to mark the occasion of Christmas. The advantage of using such animations is that it will not distract your subscribers with any flashy imagery. Instead, they will be able to focus on the message that you are trying to convey. It strikes the perfect balance between communication and aesthetics.\u00a0\u00a0\u00a0\u00a0 Inspire the subscriber\u2019s imagination by including an illusive animation that will make the email more visually appealing. You can definitely use a static image to create a sense of surreality but a GIF hits the subscriber differently. It creates \u201cgood inbox vibes\u201d and gets people to convert. <\/p>\n\n\n\n As a kid, when I wanted my mom to say \u201cyes\u201d to something, I always approached her when she was doing something she really enjoyed, like listening to her favorite song. It always worked. These illusive animations can recreate the same scenario for you and your customers. <\/p>\n\n\n\n Here\u2019s what I mean. <\/p>\n\n\n\n Headspace has used an illusive animation that emulates the design trend of \u201cparallax scroll\u201d. It is a simple GIF created without any complicated CSS animations but it will still manage to stand out in the subscriber\u2019s inbox. Ultimately, it will encourage them to take action and \u201cmeditate now\u201d. <\/p>\n\n\n\n Did you notice that cute illustration in the email by Headspace shared in the previous point? That brings us to the next point of using illustrated animations. <\/p>\n\n\n\n Whether you are a SaaS company or an ecommerce website, you can use illustrative GIFs to \u201cshow\u201d your products. <\/p>\n\n\n\n Let me demonstrate how you can do this, with the help of an example. <\/p>\n\n\n\n Harry\u2019s has used animated illustrations throughout their email. The hero image is designed to relieve the stress that the subscriber might be experiencing. It is a great way to promote their nonprofit partners who are always ready to help people with their mental health. <\/p>\n\n\n\n In the subsequent folds, they have used animations to inform the reader about their services like free support, help for the young people from the LGBTQ community, and the screening to get started in the right way. <\/p>\n\n\n\n Gradients are the latest trend in the world of email design and they are here to stay. They work like a paradox, which means that they retain a vintage feel while still imparting a new look to your email. <\/p>\n\n\n\n The beauty of this type of design is that it combines the power of rich media and the trend of gradients that is likely to pick up pace in the coming year. <\/p>\n\n\n\n Take a look at this email with a static gradient. <\/p>\n\n\n\n The email shared above reflects sincerity and a sense of empathy, which will effectively serve the purpose of the email.<\/p>\n\n\n\n The same brand adds animation to their Holiday email to match the festive vibes of the season and make the mood lighter. <\/p>\n\n\n\n Now, here\u2019s an email by Shutterstock that uses an \u2018animated\u2019 gradient to promote their plugin.<\/p>\n\n\n\n The realm of email designing is constantly evolving and 3D image is one such trend that is getting immense popularity among the people <\/p>\n\n\n\n Now, how about combining the three dimensional images with animations?<\/p>\n\n\n\n Here\u2019s a comparison of how the entire look and feel of an email changes just by animating a static image. <\/p>\n\n\n\n Show, don\u2019t tell – That\u2019s the mantra for effective marketing. Now, how about doing both together? How about showing and telling all at once?<\/p>\n\n\n\n That\u2019s where animated typography comes into the picture. <\/p>\n\n\n\n Bold typography is trending in the world of email designs and adding animation to those words will take the subscriber experience to the next level.<\/p>\n\n\n\n See how Nasty Gal has promoted its New Year shop by playing with the typography. It will not only convey the message but also prompt the people to take action.\u00a0 If you are an ecommerce store, you might be having several products from different brands. To let your subscriber know about the huge variety of products that you have, you can take the route of GIFs. <\/p>\n\n\n\n mmerce store, you might be having several products from different brands. To let your subscriber know about the huge variety of products that you have, you can take the route of GIFs. <\/p>\n\n\n\n Bergdorf Goodman has used a sweeping effect for the brand names to catch the subscriber\u2019s attention and let him know about the range they can choose from. <\/p>\n\n\n\n Software as a Service (SaaS) or ecommerce industry \u2013 both can use animations to demonstrate the usage of a product or service with an explainer GIF. It would not only convey the message more effectively but also increase the likelihood of conversion. Explainer GIFs work as great substitutes for explainer videos as they do not make the email too heavy and can be accessed across all the major email clients<\/a>. <\/p>\n\n\n\n RepairSmith, a car repair and maintenance service provider, adapted their email communication in view of the COVID-19 pandemic and included a GIF to demonstrate their no-contact car repair initiative. Furthermore, it is a great idea to send it in the welcome email<\/a> itself as it would assure the subscribers that they can count on RepairSmith even during this crisis. <\/p>\n\n\n\n Animated GIFs can be immensely helpful when you want to tempt <\/em>your customer to purchase from you. Temptation instinct works particularly well for sectors such as ecommerce, food and restaurants, travel, and telecommunications. <\/p>\n\n\n\n Here are some great examples that would surely get the subscribers enamored of your brand and make them look forward to your emails or purchase from you. <\/p>\n\n\n\n White Horse deals with a huge range of instant or readymade food products and spices. In one of the emails, they have shared how tacos can be a wonderful family meal and promoted the essential products that you would need to prepare it. The last section of the email works as a microsite that shares an easy recipe for homemade flour tortillas. It would surely make the recipient drool and purchase the products to relish the delicacy at home. <\/p>\n\n\n\n Simplicity is the ultimate sophistication \u2013 Apple has literally lived by this quote. They have created a simple logo animation depicting gift wrapping in the header of the email, followed by the details on Friday offers.<\/p>\n\n\n\n Anthropologie has shown off their home favorites with the help of a GIF that reflects comfort and aesthetics. It will surely entice the readers to check out their products and make the purchase.\u00a0\u00a0\u00a0\u00a0 With the help of GIFs, you can highlight important offers and their validity. <\/p>\n\n\n\n For instance, Made.in has used a blinking animation that underscores that the offer is valid for \u201cTHAT DAY\u201d only. It will create a sense of urgency and fear of missing out on the subscriber\u2019s mind, thereby convincing them to avail the offer before it\u2019s too late. <\/p>\n\n\n\n GIFs can be used to tell a story and engage your subscribers at a deeper level. <\/p>\n\n\n\n Moo has totally nailed this aspect by having a GIF in their email and continuing it on their landing page. <\/p>\n\n\n\n Isn\u2019t that a unique way of promoting 15% off on the orders? B2B companies or email marketers from the service-based industry can surely employ this idea in their emails. <\/p>\n\n\n\n GIFs are a great way to generate the festive vibes, like birthdays, anniversaries, or the Holiday Season. <\/p>\n\n\n\n Rather than having a static image, you can take the email experience to a new level by using GIFs. <\/p>\n\n\n\n Take a look how Paper Source has sent out a cute email to sync in the Valentine\u2019s Day vibes. (Inspired for Valentine\u2019s Day email designs, already?)<\/p>\n\n\n\n Your customers like feeling special. So, how about brightening up the email inbox and their day with the help of an animated birthday email, created exclusively for them?<\/p>\n\n\n\n You can take a look at this birthday email template by Nike. <\/p>\n\n\n\n Oh, how I love cinemagraphs! They bring a bright smile on my face whenever I see them. That explains my love for Instagram Boomerang, perhaps. Some boomerangs give a similar feeling. <\/p>\n\n\n\n They are animated GIFs, but somewhat different. While GIFs are essentially a small cut of a video or animation on a loop, cinemagraph makes a photograph come alive with the help of a seamlessly endless loop. A simple example of a cinemagraph is moving water ripples in the backdrop of an otherwise static photograph. It will take you back to a moment lost in time.<\/p>\n\n\n\n If you want to impart a supernatural feel to your email, cinemagraphs are the safest bet for you. <\/p>\n\n\n\n Detour Coffee Roasters has used a beautiful cinemagraph in the hero image of their welcome email to demonstrate coffee preparation. Besides the animation, the copy, the offer, and the CTA have been perfectly drafted to draw the subscriber\u2019s attention and prompt them to order or sign up.<\/p>\n\n\n\n Let me share two more examples of cinemagraphs to inspire you.<\/p>\n\n\n\n One is from Korres. See how they have used a beautiful cinemagraph to display their product. <\/p>\n\n\n\n Another example is the email template from Uncommon Goods. They have used a cinemagraph to demonstrate their indoor S’mores fire pit. <\/p>\n\n\n\n Related articles:<\/strong><\/p>\n\n\n\n When compared to GIFs, APNGs boast of a higher resolution and better image quality. The best part is that it does not even affect the loading speed of the email by making it too heavy. If you are not too happy with GIFs, you can switch to APNGs. The only downside is that it needs special tools and expertise to create these animations. <\/p>\n\n\n\n It can be used in diverse industries to create a more profound impact through emails.<\/p>\n\n\n\n![\"gifs](\"https:\/\/lh6.googleusercontent.com\/dwd0mlTrjPcmuLKpiuVlpwUvhtMakkPcUH519mIT7Xvc-dHeMJJ26KPBnQB0-fNZQldvcg4Qew02tgswwYxHi38GnKgj195yJ8WnFwy11of15X_oL1MsoLurRpXC4GgasmWExaLu\")
1. Use It For Creative Branding<\/strong><\/h2>\n\n\n\n
![\"Hollister](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/06\/5.gif\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/2-1.gif\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/3-2.gif\")
<\/figure><\/div>\n\n\n\n2. Add a subtle animation to grab attention<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2019\/07\/rich-media.jpg\")
<\/a><\/div><\/div><\/p>\n\n\n\n![\"Toms](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/4-2.gif\")
<\/figure><\/div>\n\n\n\n3. Create a pleasant illusion with animations<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/5-1.gif\")
<\/figure><\/div>\n\n\n\n4. Illustrated GIFs are the way forward<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/6-1.gif\")
<\/figure><\/div>\n\n\n\n5. Experiment with animated gradients in the email background<\/strong><\/h2>\n\n\n\n
![\"gradients](\"https:\/\/lh5.googleusercontent.com\/EZoE0HKtumZP6SRt-IpvEBQgxn2M8PWcdnEZ1KAvilPfr2TUMj28zoHgy2oKuX6t_0QXvQ2_D4mx0AaPcDH3o4sDpu80MGSC4dG7XaiY0t6wOUS5KvE3yfpvNDh2PV0V2LASg39T\")
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/3.gif\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/7-1.gif\")
<\/figure><\/div>\n\n\n\n6. Experiment with 3-Dimensional Animations<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/8a.gif\")
<\/figure><\/div>\n\n\n\n7. Animate your typography<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2020\/01\/Email-template-production-768x192-1.jpg\")
<\/a><\/div><\/div><\/p>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/9-1.gif\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/10-1.gif\")
<\/figure><\/div>\n\n\n\n8. Demonstrate \u2018product\/service usage\u2019 With An Animation<\/strong><\/h2>\n\n\n\n
![\"RepairSmith](\"https:\/\/lh5.googleusercontent.com\/-KQstfotlFssNSjpjpUpJL6I1I45Vj1Zy0duCQoGpbBIep-3iDDdiqxhYJL25VRd6GdA3EabofyNRPMQx3KjJmhEZTPNcCO_nz1zl7MbWLzzkqZSSdsYSbZpTjJvtectZfyMz02R\")
9. Tempt Them To Buy<\/strong><\/h2>\n\n\n\n
![\"White](\"https:\/\/lh3.googleusercontent.com\/qeiTbqkJOoguKMsiv0ErDqV0Oy_jLXbU9-QrrSJuWxcMTRm1s4J2Tt48i6LqS6t7YFJ8uppIUqdWNBdDxEpEru8UcrL2sha2Zex6eE9JMSiLLwWg51-LhbznVfnuoh3u_FIaQdFe\")
![\"Apple\"\/](\"https:\/\/lh5.googleusercontent.com\/hWTq8R0lqInSnQWIFfe6cPmsob7_9mobMYzQgP3-gFJGvTJelYDHcrVhl8lK0ZnnAeUYXa37D9hJiW6qTvwQhAhQNbU_8eQ5y9O8fhiQpQhuwKJgXDrt4PjHujRTmrDdRoooC9rl\")
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2018\/04\/custom-email-design-coding.jpg\")
<\/a><\/div><\/div><\/p>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/11.gif\")
<\/figure><\/div>\n\n\n\n10. Leverage On \u201cFOMO\u201d With A GIF<\/strong><\/h2>\n\n\n\n
![\"Made.in](\"https:\/\/lh4.googleusercontent.com\/11uMBQF_t-ecTltMGF_yl1rXq2rpay7b6fjcLOAd-cndAQKWsTXyEnLb4H4Kc3qyZG7N2Z5e2zJ0awZFqMrV8nKHqLAKuYCqlsfQic-lnY25IIlkwQBBDOkS18oEfqC7O4GrCE7Y\")
11. Tell An Intriguing Story<\/strong><\/h2>\n\n\n\n
![\"tell](\"https:\/\/lh4.googleusercontent.com\/R-7K8uqjqa_8El7gYAKsAIulzqn2Z1Ka5TvYCq0SqXdMokr1aZHuselc9pAvgDnLXjChEraZnc_l1d7Szm_wZGJgyec55rNQOXPWHK63AgyBW3r94UZpVu832gb9wtHCVzQgzTkS\")
![\"email](\"https:\/\/lh6.googleusercontent.com\/0IrldpsYSthaUuaHTHIQElxEiqrJX16huI9qFqnKz3xepZaPB4d5D0yPtYvnTOzeilAsvkFPbxCTiPyI-540ohb4KF6Q8CkuwbuDpvoR7RncZ57o5Z4pffxMolRH2Qs4i-7K93KS\")
12. Create Holiday Vibes With The Help Of Animations<\/strong><\/h2>\n\n\n\n
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/12.gif\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/13-1.gif\")
<\/figure><\/div>\n\n\n\n13. Make some noise for cinemagraphs <\/strong><\/h3>\n\n\n\n
![\"Detour](\"https:\/\/lh5.googleusercontent.com\/wF6WBrzDpdgYTCZhS_0SMVkyeuAP7Z2xuG4SaiVQj4rpXSLx0kOXKtAwrxWCUpeP2xgkeKIUorI-Gdyo_sBZ8ZKsdKc6av2BmsSGsy47Elu-5HFPXf-OIhTX-YXQ1t5Qn5Flphhh\")
![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/korres.gif\")
<\/figure><\/div>\n\n\n\n![\"\"](\"https:\/\/email.uplers.com\/blog\/wp-content\/uploads\/2021\/01\/uncommon-goods-cinemagraph.gif\")
<\/figure><\/div>\n\n\n\n14. Use APNGs To Enhance The Subscriber\u2019s Experience<\/strong><\/h2>\n\n\n\n