Email design [Animation | Interactivité]

Collection by Emmanuel G.

84 
Pins
 • 
89 
Followers

Exemples d'animation dans le domaine de l'emailing et des newsletters

Emmanuel G.
Email Animation
Email Kinetic / Email interactif
AMP for Gmail
Other Pins

Email Animation

10 Email Design Trends Hitting Your Inbox in 2020 – Litmus Software, Inc.

10 Email Design Trends Hitting Your Inbox in 2020 - Litmus

With the year 2020 within reach, we’re about to enter a new decade of email design. But which visual design trends will shape the look of emails in the 2020s? Trends that dominated designs in 2019 will still be popular in the coming year. We’ll continue to see vibrant colors, bold typography, and off-grid designs. But new trends in digital design will make their way into the email design world over the coming months. Here are 10 email design trends that will hit your inboxes in 2020.

Top Designs for March -

Top Designs for March

Check out our top rated emails for March!

Treatwell: Transforming B2B Email Design -

Treatwell: Transforming B2B Email Design

B2B email has had a tough ride. Its reputation has been brought about from years of terrible templates and campaigns being let go in to the world,

Emailing Moo

Litmus Scope - Vous avez jusqu’à... ce soir !

Create a clean, web-based version of any email, with desktop and mobile previews. It's perfect for sharing, and it's totally free.

One million new plastic bottles will be made by the time you finish reading this email. We only use them once-but they stay on the planet forever. In 7 days, we're doing something about it.

Litmus Scope - In 7 Days: ReNew

Create a clean, web-based version of any email, with desktop and mobile previews. It's perfect for sharing, and it's totally free.

The Ultimate Guide to Background Images in Email – Litmus Software, Inc.

The Ultimate Guide to Background Images in Email - Litmus

There are a lot of different design techniques you can use in an email campaign. Although animated GIFs, typography, and responsive design are almost commonplace these days, there is one design technique that is often overlooked or misunderstood: background images. What are background images? And how can they be used to help improve an email campaign?

Motion slickness: 4 ways to animate your email |

Motion slickness: 4 ways to animate your email |

Emails don’t need to be static. Modern email applications support a variety of animation techniques and you may be surprised at how flexible the options are. Animation in web and email marketing certainly has its detractors and not without just cause. Plenty of gimmicky advertising banners and tacky in-your-face GIFs can be found online. These are examples of animation for animation’s sake and a surefire way to cheapen your brand. But it doesn’t need to be that way. With a bit of restraint…

20 Inspirational brands that are killing the email GIF game

20 Inspirational brands that are killing the email GIF game

Shoutout to these top 20 brands who are killing the GIF game and keeping us awake at night thinking about how our emails could be better.

3 Days of... Brr-illiant Deals! Shop Now ->

Black Friday: 6 awesome deals FTW 🎉

3 Days of... Brr-illiant Deals! Shop Now ->

What Makes A Really Good Email? – Really Good Emails

What Makes A Really Good Email?

First off, what is Really Good Emails? It’s a Internet website that tries to put together the best emails in the universe in one place. Really Good Emails (RGE for short) aims to be the best showcase…

What Makes A Really Good Email? – Really Good Emails

What Makes A Really Good Email?

First off, what is Really Good Emails? It’s a Internet website that tries to put together the best emails in the universe in one place. Really Good Emails (RGE for short) aims to be the best showcase…

The Ultimate Email CSS Animation Guide: Part 1

The Ultimate Email CSS Animation Guide: Part 1 - Email On Acid

This blog will be a complete breakdown of CSS animations for email. Part one will cover code, support, examples, and considerations for using them. If you’re more interested in code breakdown, takeaway code and higher-end technical specifications keep your eyes peeled for part two of this blog.

One Good Looking LAMP ...and other highly useful items that'll add oomph to your workspace. SHOP NEW ARRIVALS.

One Good Looking LAMP ...and other highly useful items that'll add oomph to your workspace. SHOP NEW ARRIVALS.

kate spade new york

Mr Porter newsletter with GIF

The Power of the Mighty GIF in Your Emails | Adobe Blog

It may not be faster than a speeding bullet, nor can it leap tall buildings in a single bound. But the mighty GIF can give your emails superhero-like strength when it com...

Tutorial: Animated Image Carousel for Email with Ken Burns Effects

Tutorial: Animated Image Carousel for Email with Ken Burns Effects - Part 2 - Email On Acid

Learn how to make an animated carousel for email with a Ken Burns effect

22 Beautiful Examples of Cinemagraph GIFs - BlazePress

22 Beautiful Examples of Cinemagraph GIFs

Unlike your conventional GIFs that are typically taken from videos around the web, cinemagraphs often only feature the most subtle of movements. First introduced in 2011 by Jamie Beck and Kevin Burg,...

Email showdown: Nike vs. Adidas

Email showdown: Nike vs. Adidas

The sports world is strictly divided into two factions: winners and losers. So it’s only natural that sportswear brands would also have a competitive streak. The relationship between Nike and...

5 Brands That Are Using GIFs to Elevate Their Email Marketing

5 Brands That Are Using GIFs to Elevate Their Email Marketing

Our favorite examples of how to use GIFs in email marketing campaigns. See how an animated GIF in email can boost subscriber engagement.

The 97 Best Email Marketing Campaign Examples

Browse our daily-updated selection of the very best email designs we can find anywhere. We curate and organize designs by email type, industry, and occasion. Use them for your reference and inspiration.

Email Kinetic / Email interactif

Un quiz dans un email

Quiz dans un email

African fintech: Banking a continent

Gmail’s dynamic emails roll out to all users on July 2

Gmail’s dynamic emails roll out to all users on July 2

Back in March, Google introduced Dynamic emails, which made electronic communication more interactive. Indeed, instead of being a mere messaging platform,

Email marketing inspiration | The best of recent emails from global brands

Email marketing inspiration | The best of recent emails from global brands

Check out email marketing inspiration with best-in-class UX and design, interactivity and optimized preheader text within inbox displays.

Top Designs for March -

Top Designs for March

Check out our top rated emails for March!

Interactive hotspot leaf example

How to Create Interactive Hotspots in Email

Learn how to code interactive hotspots in email. Use CSS animation to add hotspots to your email design for webkit email clients.

surface-accordion-css

Mailable Microsite VI: How Uplers ‘played’ with Accordion CSS in Emails

Everyone loves to say a ‘lot’ in the online space, but space as such has always been a constraint. But if you can do it, you win! One of the crucial reasons why Twitter became popular is because it realized the very notion of communicating your thoughts in 280 characters. Have you though how can …

How to Create an “Add to Calendar” Link for Your Emails

How to Create an "Add to Calendar" Link for Your Emails - Litmus

Email is such a personal channel, which makes it the ideal medium to build excitement for events. To ensure that guests actually show up, it can be useful to include an "add to your calendar" link to the emails promoting your event. However, these links can be hard to implement or require a third-party solution to ensure the correct calendar links are generated for the subscriber. Learn about the "add to calendar" button technique we use for our Litmus Live emails as we walk you through the…

Flight Centre Interactive Email Design

Marketing Software for Small Businesses by GetResponse

Email marketing from GetResponse. Send email newsletters, campaigns, online surveys and follow-up autoresponders. Simple, easy interface. FREE sign up.

Rail Nation Email Design

Marketing Software for Small Businesses by GetResponse

Email marketing from GetResponse. Send email newsletters, campaigns, online surveys and follow-up autoresponders. Simple, easy interface. FREE sign up.

EmailMonks

The ultimate guide to images and media in HTML email

JPG, JPEG, PNG, animated GIFs, video, CSS3 animations. Learn how and when to use appropriate visual media.

♬ Should we stay or should we go? ♬ - Really Good Emails

♬ Should we stay or should we go? ♬ | Really Good Emails

The Best Email Designs in the Universe (that came into my inbox)

AMP pour Gmail

Le format AMP débarque sur Gmail

Google décline sa vision Mobile First avec l’arrivée du format AMP sur Gmail après son moteur de recherche standard.

Does interactive email have a place in the B2B industry?

Does interactive email have a place in the B2B industry?

Going into 2017, there was a lot of talk around interactive email as the next best thing. Just about every prediction post I read made mention of it. Still, it took quite some time for this…

Does interactive email have a place in the B2B industry?

Does interactive email have a place in the B2B industry?

Going into 2017, there was a lot of talk around interactive email as the next best thing. Just about every prediction post I read made mention of it. Still, it took quite some time for this…

Email Contest – Best Email Design Hunt 2017

ContestPad. Powerful Contest Platform & Competition Voting Software | Launchpad6

Launchpad6 is a leading competition software platform for businesses looking to engage and convert new customers or members. Try your free demo today.

email kinetic (slideshow)

★ 50% OFF! Black Friday Drops Now ★

email kinetic (slideshow)

Coding Interactive Hotspots in HTML Email

Coding Interactive Hotspots in HTML Email - Email On Acid

Interactive hotspots, or positioned information overlays, are a good way to deliver additional contextual information on an image. This article will go into how you can implement interactive hotspots in email that work in many of the major email clients.

Effet de survol (rollover) dans un emailing

Rollover Images in Email: Brown Bag Clothing & DirecTV

Interactive Email Tips, Tutorials and News

MINI email change - Accordion Range

How MINI have changed their emails during a rebrand |

MINI have gradually changed their emails during a rebrand.

7 idées créatives pour augmenter l’interactivité de vos emails - Cabestan » Cabestan

7 idées créatives pour augmenter la valeur de vos emails - Full Activation

Focus sur les meilleures idées créatives pour augmenter la valeur de vos emails et créer de l’interaction avec vos contacts.

Newsletter responsive Hema : menu hamburger dans un emailing ou une newsletter.

Newsletter responsive Hema : menu hamburger dans un emailing ou une newsletter.

pret-animated-cup4-20151028

Pret’s Kinetic Email Case Study on Campaign Monitor

Interactive Email Tips, Tutorials and News

Hamburger menu in email

PBC Credit Union

Hamburger menu in email

Exemple de carousel interactif dans un emailing. La compatibilité avec les clients mails est limités mais cela reste singulier dans un email !

Interactive Carousels in Email: HP ENVY & B&Q Outdoor Furniture

Interactive Email Tips, Tutorials and News

Introducing the Filmstrip Interactive Email Technique

Introducing the Filmstrip Interactive Email Technique - Email On Acid

Have you heard of the the Filmstrip Interactive Email Technique? Learn all about it here and give it a try!

Holiday Interactive Email Campaigns

The Best Interactive Holiday Emails

Check out some fun, interactive holiday emails from years past. We selected a few of our favorite campaigns from Taco Bell, Wax Media, 1973 and more.

Accordéon en CSS3 intégré dans un email

L’emailing interactif

Pour nous, c'est une certitude, l'emailing de 2017 sera avant tout interactif. Au-delà de la personnalisation, découvrez comment dynamiser vos emails.

Tinder Inspired Interactive Email: Interview With Penguin Random House

Tinder Inspired Interactive Email - Email On Acid

Explore this fun and interactive Tinder themed interactive email that was sent from Penguin Random House last Valentines Day.

Un emailing interactif et responsive (slideshow)

BandQ

Un emailing interactif et responsive (slideshow)

Un slideshow dans un emailing !!!

REI

Un slideshow dans un emailing !!!

AMP for Gmail

What it is, ESPs that support it, clients that support it, and getting started with AMP for Email.

How Email Developers Can Get Started With AMP for Email Today

What it is, ESPs that support it, clients that support it, and getting started with AMP for Email.

Different ways to build AMP emails | Mailgun

Different ways to build AMP emails

Plenty of senders are starting to consider adding AMP emails to their marketing email campaigns. However, getting started takes a little bit know-how –

AMP Email Examples

AMP Email Examples - e-Village

AMP Email examples: AMP Email makes your emails super interactive and dynamic. We have collected a few of the best AMP Email examples for you!

AMP Email Examples

AMP Email Examples - e-Village

AMP Email examples: AMP Email makes your emails super interactive and dynamic. We have collected a few of the best AMP Email examples for you!

Other Pins

10 Email Design Trends Hitting Your Inbox in 2020 – Litmus Software, Inc.

10 Email Design Trends Hitting Your Inbox in 2020 - Litmus

With the year 2020 within reach, we’re about to enter a new decade of email design. But which visual design trends will shape the look of emails in the 2020s? Trends that dominated designs in 2019 will still be popular in the coming year. We’ll continue to see vibrant colors, bold typography, and off-grid designs. But new trends in digital design will make their way into the email design world over the coming months. Here are 10 email design trends that will hit your inboxes in 2020.

What it is, ESPs that support it, clients that support it, and getting started with AMP for Email.

How Email Developers Can Get Started With AMP for Email Today

What it is, ESPs that support it, clients that support it, and getting started with AMP for Email.

Different ways to build AMP emails | Mailgun

Different ways to build AMP emails

Plenty of senders are starting to consider adding AMP emails to their marketing email campaigns. However, getting started takes a little bit know-how –

AMP Email Examples

AMP Email Examples - e-Village

AMP Email examples: AMP Email makes your emails super interactive and dynamic. We have collected a few of the best AMP Email examples for you!

AMP Email Examples

AMP Email Examples - e-Village

AMP Email examples: AMP Email makes your emails super interactive and dynamic. We have collected a few of the best AMP Email examples for you!

Un quiz dans un email

Quiz dans un email

African fintech: Banking a continent

Gmail’s dynamic emails roll out to all users on July 2

Gmail’s dynamic emails roll out to all users on July 2

Back in March, Google introduced Dynamic emails, which made electronic communication more interactive. Indeed, instead of being a mere messaging platform,

Email marketing inspiration | The best of recent emails from global brands

Email marketing inspiration | The best of recent emails from global brands

Check out email marketing inspiration with best-in-class UX and design, interactivity and optimized preheader text within inbox displays.

Top Designs for March -

Top Designs for March

Check out our top rated emails for March!

Top Designs for March -

Top Designs for March

Check out our top rated emails for March!

Interactive hotspot leaf example

How to Create Interactive Hotspots in Email

Learn how to code interactive hotspots in email. Use CSS animation to add hotspots to your email design for webkit email clients.

Treatwell: Transforming B2B Email Design -

Treatwell: Transforming B2B Email Design

B2B email has had a tough ride. Its reputation has been brought about from years of terrible templates and campaigns being let go in to the world,

Emailing Moo

Litmus Scope - Vous avez jusqu’à... ce soir !

Create a clean, web-based version of any email, with desktop and mobile previews. It's perfect for sharing, and it's totally free.

One million new plastic bottles will be made by the time you finish reading this email. We only use them once-but they stay on the planet forever. In 7 days, we're doing something about it.

Litmus Scope - In 7 Days: ReNew

Create a clean, web-based version of any email, with desktop and mobile previews. It's perfect for sharing, and it's totally free.

surface-accordion-css

Mailable Microsite VI: How Uplers ‘played’ with Accordion CSS in Emails

Everyone loves to say a ‘lot’ in the online space, but space as such has always been a constraint. But if you can do it, you win! One of the crucial reasons why Twitter became popular is because it realized the very notion of communicating your thoughts in 280 characters. Have you though how can …

How to Create an “Add to Calendar” Link for Your Emails

How to Create an "Add to Calendar" Link for Your Emails - Litmus

Email is such a personal channel, which makes it the ideal medium to build excitement for events. To ensure that guests actually show up, it can be useful to include an "add to your calendar" link to the emails promoting your event. However, these links can be hard to implement or require a third-party solution to ensure the correct calendar links are generated for the subscriber. Learn about the "add to calendar" button technique we use for our Litmus Live emails as we walk you through the…

Pinterest