If you’re building an HTML email for a client and looking for inspiration, you’ve come to the right place. Explore this round-up of my favorite email gifs.
You may also enjoy this post highlighting my favorite online advertising examples. Many of them use animations presented in video and javascript/html.
New York Times – Animated Email Gif
Support journalism; subscribe to the New York Times today.
Hello Fresh – Animated flying box for an email
HelloFresh, a meal kit company, uses a playful hand-drawn animation to tell you that your box is on its way. I love the simplicity and whimsicalness of this animation.
WVU Alumni – Animated Masthead
The West Virginia University Alumni Newsletter’s January 2022 email masthead utilizes a simple but effective vector animation to portray fireworks and confetti.
Ulta Beauty – Animated Gif in Email
This email’s looping gif cycles through Ulta Beauty’s styling service categories for facials, makeup application, haircuts, highlights, color, blowouts, formal styling, and brow waxing. The animated gif includes a clear call to action, Book Now.
More Branded GIF Examples
I enjoy the animated friendly, and powerful hand-drawn accent lines added to this image.
Allbirds – From sketch to photograph
Allbirds is a design-centric wool shoe company. On the company’s Our Story page, there’s a beautiful use of an animated gif. The gif first shows the sketch of the shoe and slowly fills with an artistically painted photographic depiction of the finished product.
Animated gifs of people, used for websites, emails, and headshots
I love the result that stringing together several images into an animated gif creates. Playfulness. Joy. Activity. The stop-action effect is an unexpected way to spruce up a bio page, headshot, or add a fun factor to an email blast.
Are you wondering how I made these animated gifs display animated on this WordPress page?
It’s easy to embed animated gif images to WordPress, but you must select the correct image settings. Learn how to add an animated gif image to your WordPress site in our how-to post about animated gifs.
