‘Tis the season for stunningÂ holiday email design! Email marketers are pulling out all the stops for the notoriously busy time of year. That’s because inboxes are crowdedâ€”email volume rose 25% during the 2015 holiday seasonâ€”and it’s time to stand out.
Are your campaigns wow-worthy? We made a list of 10 design tactics every email marketer should use to optimize holiday email design and bump up those opens and click-throughs.
1. Use text overÂ background images (vs. text built into the image)
Almost every promotional email we receive has some variation of gorgeous photos or illustrations overlaidÂ with text. Here’s an example from an emailÂ we just received from clothing brand Everlane:
However, when text is part of anÂ image in a single .JPG or .PNG, the design isn’tÂ optimized for email. Why? If the image doesnâ€™t show up because of image-blocking, the text doesnâ€™t appear either, so your message is lost. Don’t take that gamble this holiday season! The solution is to have plain text on top of a background image, and it’s a new capability we’re now offering for free with the BEE editor. Here’s an example email we built (inspired by a message from Litmus) that has a trueÂ background imageÂ with plain text on top (illustrated by highlighting part of the text):
Pretty neat, isn’t it? If the image doesn’t show up, your text still will. Plus, you can add a custom HTML background color to replace the blocked photo. Check out our tutorialÂ How to Add Background Images in EmailÂ to start using this technique in your emails now.
2. PrepÂ images for mobile and retinaÂ displays
The percent of emailÂ opened on a mobile device is often higher than 50% (as shown in this monthly report by Litmus). So it’s no surprise that image rendering on smartphones isÂ a key concern for email marketers. And it’s especially frustrating to find that images on mobile devices can sometimes look blurry. What’s the deal?
When images scale and shift to smaller screens, the change in display size can result in a fuzzy image. To prevent this from happening, you need to prepare holiday email design images for mobile and retina displays. Here’s what to do:
- Don’t use thumbnails. Use bigger images.
- Compress images to reduce file size.
- Allow your images to adjust to width.
Following these design best practices means you’ll avoid the blurry-image problem. Read more about exactly what to do with your images in our tutorial:Â How to Optimize Images for Mobile Emails.
3. Include simple animation
This season is a great time to add a little extra sparkle to your holiday email design. Simple animated GIFs can make a big difference, and they don’t have to be complicated. Here’s an example fromÂ Minted:
Holiday email design should be fun and festive, and incorporating a GIF can quickly add aÂ sense of levity, delight, and playfulnessÂ thatâ€™s eye-catching and entertaining. Be sure to check out our Top 4 Tips for Using Animated GIFs in Email to make sure your sends are optimized!
4. OptimizeÂ CTA buttons
Call to action buttons: there’s so much to talk about! Size, shape, color, text, position… there’s a lot to consider. If we had to summarize our top recommendations, we’d say this:
- Pick a color that contrasts or â€śpopsâ€ť against the background.
- Write a compelling CTA usingÂ an action verb in your brand voice. (Never say â€śClick here.â€ť Be more creative than â€śLearn more.â€ť)
- Size the button so itâ€™s easy to spotâ€”but notÂ overpoweringâ€”within the context of the email.
- Make sure the font is large andÂ easy to read.
- Keep the button simple and modern: avoid gradients, borders, andÂ drop shadows.
- Make the CTA bulletproof so it always appears.
Glossier’s CTA button design always checks off the boxes on our list. Here’s a recent email from the makeup brand:
They also employ a technique called the “isolation effect,”Â which helps that royal blue button stand out.Â Read a breakdown of how to think critically about CTA button color in our recent post:Â Whatâ€™s the Best CTA Button Color for Emails?
5. Feature user-generated content
Strengthen a relationship with your community; show readers how their peers are using your product with user-generated content. Here’s a recent example from the shoe company Allbirds. They’ve pulled on-brand photos from Instagram to show their shoes in action.
Photos likeÂ the ones collected by Allbirds are likely found through a brand-specific hashtag or @-tag, and each photo gives the user credit.Â By sourcing content from its own audience, AllbirdsÂ gets access toÂ great photos without creating them from scratch, and they also send the effective message that the product is popularâ€”even with puppies! This tactic is smart and easy, and almost any brand can try it.
6.Â Tell a story
Good design means good communication. Your holiday email design should lend itself to good storytellingâ€”an email that has a clear, simple, relevant message. When inboxes are as crowded as they are at this time of year, it’s particularly important toÂ engage readers on a universal, emotional level. One of our favorite quotes from the #LitmusLive conference this year has to do with creating emotion in emails:
â€” Litmus (@litmusapp) August 17, 2016
A story can take different forms. In just a few lines, J.CrewÂ uses a recent email to tellÂ a story (in just one line) that many of us canÂ relate to: holiday-induced family tension. The story makes us feel like J.Crew “gets it,” and it makes us smile. That’s great brownie points for any brand.
7. Add suspense withÂ a countdown timer
If you’ve never used a countdown timer in emails, the holiday season is the perfect opportunity. There’s plenty to count down to right now: the final days of a sale, the last day for holiday shipping to arrive on time, or another festiveÂ promotion you’re offering. Here’s another J.Crew example we like:
If you’re intimidated by countdown timers, don’t be! They’re actually super easy to add to any email. See our quick tutorial on how to add a timer to your email!
8.Â Choose the right stock images
If you’re short on time or on photo resources, stock images can beÂ a great option. Gone are the days of ugly clip art; today, there are fantastic resources for beautiful stock photos that fit any brand. Fortunately, you can now search for and findÂ free photos directly inÂ the BEE editor. But itâ€™s still important to use any stockÂ images properly. One best practice is to customize stock images to make it your own (as much as your image license permits). This hero image from a Skillcrush email is a great example of how a simple desktop photo is more interesting and brand-relevant with a clean design that has text over it.
Check out more tutorial tips on how best to use stock photography in your holiday email design:Â Tips for Using Stock Photos in Email.
9. Make photo collages responsive
Photo collages or galleries are a common sight during the holiday season asÂ brands showcase products. But it’s important to make sure those galleries are mobile responsive, so mobile phone users can get a good look at your product on smaller screens. This email from clothing brand Lunya includes a beautiful example of a clutter-free photo collage that looks great on desktop and mobile. Here’s the desktop version:
Here’s the mobile-responsive version:
Need a step-by-step tutorial? Here’s a guide on how to make all your image galleries mobile-responsive.
10. Think about the next step in holiday email design
Our final tip is a friendly reminder that your stunning holiday email isÂ just one step in a longer customer path to purchase. Make sure those who click through are greeted with a seamless transition to your site or landing page, where they’re presentedÂ with relevant materialÂ that matches the email’s visual content We love this #LitmusLive quote from Rebecca Lewis: “It doesn’t matter if your emails look great if your end experience on the site isn’t good.”
We hope you’ll take the suggestions we’ve gifted to you to put together a spectacular holiday email design.