14 of the Greatest Examples of Lovely E mail Design

News Author


Opening a advertising and marketing e-mail is such an everyday job, shoppers typically don’t give it a second thought. As e-mail entrepreneurs, although, we all know the opposite aspect of the story. Discovering new HTML e-mail inspiration is usually a daunting job.

If you’re an e-mail marketer, your to-do checklist typically appears like this: Generate opt-in leads, section your lists, arrange lead nurturing workflows, draft clear and concise e-mail copy, test your emails for deliverability, optimize for plain textual content and HTML, and so forth. “The place’s the enjoyable on this?” chances are you’ll surprise.

Create a new, on-brand email signature in just a few clicks. Get started here.  (It's free.)

Fortunately, there are many e-mail advertising and marketing geeks on the market (ourselves included) that do assume all of that is form of enjoyable. These much less glamorous features of e-mail advertising and marketing — although crucial to your marketing campaign’s success — do not paint your complete image of what superb e-mail advertising and marketing actually is.

Whereas plain textual content or bare-bones emails can nonetheless be extraordinarily efficient, typically you wish to amaze your subscribers with artistic, charming, or delightfully understated e-mail designs. Some manufacturers on the market have additionally discovered how one can create emails which can be fairly darn lovely. In the event you’re seeking to dabble in one thing just a little extra adventurous on your subsequent e-mail advertising and marketing marketing campaign, try the examples beneath for inspiration.

Desk of Contents:

E mail E-newsletter Design Examples

1. Collaborative Fund

In design, pink and yellow function highly effective coloration selections. Whereas pink is understood to convey energy or ardour, yellow is commonly thought-about each vibrant and energizing. Though many corporations use a giant block of coloration on the high of their newsletters to attract folks in, the parents at Collaborative Fund took it just a few steps additional by combining pink and yellow bursts of coloration all through the entire e-mail. Fairly highly effective, proper?

Colour apart, they leveraged clear divides to separate these blocks, whereas incorporating completely different textures — like that crumpled paper — to create a very compelling expertise.

Html email inspiration; Collaborative Fund email newsletterPicture Supply

Professional Tip: When completed properly, incorporating an array of textures, through high-quality graphics or pictures (just like the crumbled paper used above), could make the 2D expertise of viewing an e-mail extra visceral and interesting.

2. Domino

This article from Domino covers plenty of data: design with storage restrictions, giveaways, a profile piece with Chelsea Handler, lavatory and bed room design ideas, and a call-to-action.

To make this extra simply scannable, Domino paired these brief descriptions with high-quality photographs. Just like the Collaborative Fund instance, in addition they used clear, horizontal divides to separate every matter.

Html email inspiration; Domino newsletter emailPicture Supply

Professional Tip: Incorporating contrasting colours might help with creating division between sections and draw the attention from every part with ease.

3. InVision LABS

This can be a far more concise e-mail from InVision, which features a clear design and an attention grabbing coloration. The blue background causes each the call-to-action and the white field close to the underside of the e-mail to command consideration. The fanned-out product photographs assist the recipient perceive what the announcement entails earlier than diving into the explainer copy.

Html email inspiration; InVision Labs email newsletterPicture Supply

The colourful expertise does not cease with the e-mail. The intense blue coloration is carried by way of to the corresponding web site, making this a powerful instance of seamless branding.

Are you impressed by InVision’s clear design and able to create your individual marketing campaign? Use a free e-mail advertising and marketing software program like HubSpot to create and ship your message to the world.

4. GrubHub

This e-mail from GrubHub is a good instance of product promotion … as a result of it does not sound or really feel like product promotion in any respect. As a substitute of claiming, “Hey, you want meals. You must order it utilizing our service!”, the e-mail tells a narrative with the assistance of a very cool piece of interactive content material: a quiz to see what you must serve at your occasion (see what they did there?).

We particularly love the saturated GIF they used to advertise the piece of content material, because it actually instructions the recipient’s consideration.

Html email inspiration; GrubHub What’s on your menu? adPicture Supply

Professional Tip: Movement catches the attention. We see this all through social media and different types of media. Including this characteristic to your emails can enchantment to viewers enticed by the movement think about public-facing content material. Be taught how one can create a GIF utilizing Photoshop.

Nurturing E mail Design Examples

5. Helpful

We love this easy welcome e-mail from Helpful. The colour scheme is constant, counting on grey for the bottom, and vibrant blue to attract consideration to the emblem and calls-to-action.

There is a good stability between textual content and visuals right here, and the tile design makes it simple to skim by way of. Lastly, we love that they used non-cheesy inventory pictures to symbolize their model, which makes them extra real and lovable from a shopper perspective.

Html email inspiration; Welcome to Handy emailPicture Supply

Professional Tip: These days, most viewers have some degree of skill to sense whether or not a picture is a inventory picture or initially captured content material. In the event you should use inventory pictures, take your time when wanting by way of picture databases, and filtering for photographs that symbolize not solely the tone of the e-mail and message however the general aesthetic and really feel of your model.

6. Litmus

You may count on a lovely e-mail from an organization that is saying an e-mail design convention — and Litmus does not disappoint. The e-mail begins out with a daring burst of coloration, which grabs readers’ consideration. Under this, you will discover a clear design that features concise copy, whimsical illustrations, and an excellent use of white house.

On the backside of the e-mail, you will see a stay Twitter feed displaying tweets that use the convention’s official hashtag. That social media issue is a very cool contact that we’re prepared to wager elevated engagement, whereas concurrently informing people about how one can keep related on the occasion.

Html email inspiration; The email design conference presented by LitmusPicture Supply

Professional Tip: Being imaginative and utilizing icons and illustrations is usually a rewarding and easy manner of getting messaging throughout. Constant feel and appear makes the distinction, displaying intention and design-strategy. Yow will discover free icon packs that embrace essentially the most generally used icons, at web sites like FlatIcon.com.

7. Uber

As entrepreneurs, we all know that charts and graphs can function an efficient strategy to illustrate data. However what about incorporating graphs into emails?

This e-mail design from Uber skillfully demonstrates the ability of knowledge visualization by way of the usage of easy graphs. Slightly than counting on phrases to clarify their lowered charges, Uber whipped up just a few comparative visuals to do the job. Because of the brilliant blue coloration alternative, it is simple for recipients to know how the charges have shifted in only a fast look.

Html email inspiration; Uber lower fares down the short emailPicture Supply

Professional Tip: Pleasure is harder to elicit from audiences than one would assume. The above serves for example of how Uber makes use of their historic knowledge to provoke pleasure for brand spanking new choices from the corporate. The potential of what is to come back is correlated to what has occurred. Present what’s been completed earlier than displaying what’s to come back, letting shoppers know their pleasure is safe.

8. Cuyana

Here is a product promotion e-mail Cuyana despatched to individuals who signed up for a brand new product’s “early entry” checklist. The e-mail is centered fully round showcasing the brand new product, however on this case, that is precisely what the parents who opted in to the “early entry” checklist have been on the lookout for.

The design of the e-mail is clear and complex, because of an excellent use of damaging house and engaging fonts. This method may be very true-to-brand for a ladies’s attire and equipment firm. We love the usage of constant coloring — particularly the signature orange hue they selected for the call-to-action button on the backside.

Html email inspiration; Cuyana pebbled leathered refresh bags and wallets emailPicture Supply

Professional Tip: That is an instance of an e-mail made utilizing HubSpot. Click on right here to take a look at extra e-mail advertising and marketing examples from our library.

E-commerce E mail Design Examples

9. J.Crew

Typically, phrases may be overrated. Why not let an image inform the story for you? That is what J.Crew did on this e-mail, anyway. The e-mail is selling a sale, however you would not understand it instantly: All you see is the copy, “That is definitely worth the scroll,” together with a really lengthy (and really scroll-worthy), high-definition image of an ice cream cone. We love the subtlety. Yum!

Html email inspiration; J.Crew, this is worth the scrollPicture Supply

Professional Tip: In the event you make it to the underside, you will discover that the tip of the ice cream cone acts like a directional arrow, pointing recipients towards the call-to-action. Images can function greater than a static picture, it may be an interactive information, main the attention all through the message.

10. Apple

This vacation e-mail from Apple balances white house with product shows to create a very attention-grabbing expertise.

Whereas the merchandise all share the same coloration scheme, what’s actually compelling is their positioning. By strategically arranging the merchandise, Apple was in a position to create visible patterns that alternate all through the e-mail. This method is among the many greatest for displaying the boldness of a model in its merchandise. It permits the merchandise themselves to be the main target of the message, in addition to the means by way of which the messaging is conveyed.

Html email inspiration, Apple holiday emailPicture Supply

Professional Tip: Drafting or sketching out the design for an e-mail at the beginning of the method could make creating eye-catching messaging an simply attainable objective and may prevent time.

11. Union Made Items

Shoppers get plenty of emails from e-commerce companies showcasing vacation present concepts from their web sites, and that is an instance of one among these emails completed properly. They opted for a easy design right here, which features a very nice use of each coloration and white house, making the copy and pictures which can be there pop just a little extra.

We actually get pleasure from how the simplicity permits for the thoughts of the reader to be much less targeted on distracting parts throughout the message. As a substitute, they’ll fill within the damaging house with imaginings of how the merchandise displayed — or others bought by the corporate — may deliver concerning the desired response from the moms of their lives. It makes one surprise, “What does mother have?”, “What does she want?”, or “What would she like?”

Html email inspiration; Union Made Goods Mothers day emailPicture Supply

Professional Tip: Providing one thing like a reduction on a purchase order, with out overselling, inclines readers to try their very own time, with the data that they are going to obtain incentives for participating additional.

12. Casper

This welcome e-mail from Casper does a stellar job of offering an outline of what becoming a member of their 1+ million member group will get you. From their group numbers, it’s clear they’ve put plenty of time and work into making a product and repute so you possibly can relaxation assured. (Get it? “Relaxation,” as a result of it is a mattress firm? Ah, nevermind!)

They checklist just a few of the perks you get from a membership, after which instantly bounce into establishing instructional worth, providing ideas for sleeping. This alone is not compelling sufficient to make somebody a loyally attentive Casper email-subscriber, but it surely does additional join the model and product(s) to shoppers’ experiences. We love how they use easy graphics and concise messaging to subtly affiliate themselves with the answer to sleep challenges.

Html email inspiration; Casper hello dreamer emailPicture Supply

Professional Tip: Maintain it easy, permitting viewers and shoppers to conclude for themselves that they want what it’s a must to provide.

13. Shwood x Stanley

Within the e-commerce world, the standard of visuals in your emails can have a big impact on whether or not recipients stick round to look by way of the entire e-mail, or shortly hit the “delete” button. This e-mail from Shwood x Stanley locations a giant emphasis on these high-quality visuals. We particularly adore the textured backgrounds, in addition to the methods wherein they play with mild and shadows.

Html email inspiration; Shwood x Stanley adventure pack emailPicture Supply

Professional Tip: When utilizing a number of photographs in an html e-mail, contemplate what colours complement and distinction with one another. This consideration could make the experiences of transitioning from part to part seamless for the viewer, compelling engaged consideration all through the message.

14. Harry’s

For seasonal emails like this one from Harry’s, you may contemplate utilizing coloration schemes that go together with the season. To advertise their winter present set, the parents at Harry’s cooled down their coloration scheme with conventional winter colours like inexperienced, blue, and brown. In addition they struck a pleasant stability between textual content and visuals, and helped to make their e-mail simpler to skim through the use of a easy tile design.

One other factor we love are these vibrant pink calls-to-action; they give the impression of being fairly clickable … would not you agree?

Html email inspiration; Harry’s winter set holiday emailPicture Supply

Professional Tip: Merely put, there is no such thing as a alternative for good product pictures. In the event you’re diving into the ocean of unique product pictures, try this Newbie’s Information to Product Images.

What different corporations on the market have you ever observed are creating lovely e-mail advertising and marketing? What stands out about their method? How will you take this and add your individual unique spin, making one thing new on your model’s messaging?

Editor’s Notice: This put up was initially printed in Might 2012 and has been up to date for freshness, accuracy, and comprehensiveness.

New Call-to-action