Connect with us

MARKETING

14 of the Best Examples of Beautiful Email Design

Published

on

14 of the Best Examples of Beautiful Email Design

Opening a marketing email is such a regular task, consumers often don’t give it a second thought. As email marketers, though, we know the other side of the story. Finding new HTML email inspiration can be a daunting task.

When you’re an email marketer, your to-do list often looks like this: Generate opt-in leads, segment your lists, set up lead nurturing workflows, draft clear and concise email copy, check your emails for deliverability, optimize for plain text and HTML, and so on. “Where’s the fun in this?” you may wonder.

Thankfully, there are plenty of email marketing geeks out there (ourselves included) that do think all of that’s kind of fun. These less glamorous aspects of email marketing — though critical to your campaign’s success — don’t paint the entire picture of what amazing email marketing really is.

While plain text or bare-bones emails can still be extremely effective, sometimes you want to amaze your subscribers with creative, captivating, or delightfully understated email designs. Some brands out there have also figured out how to create emails that are pretty darn beautiful. If you’re looking to dabble in something a little more adventurous for your next email marketing campaign, check out the examples below for inspiration.

Table of Contents:

Email Newsletter Design Examples

1. Collaborative Fund

In design, red and yellow serve as powerful color choices. While red is known to convey power or passion, yellow is often considered both bright and energizing. Although many companies use a big block of color at the top of their newsletters to draw people in, the folks at Collaborative Fund took it a few steps further by combining red and yellow bursts of color throughout the whole email. Pretty powerful, right?

Color aside, they leveraged clean divides to separate these blocks, while incorporating different textures — like that crumpled paper — to create a really compelling experience.

Html email inspiration; Collaborative Fund email newsletterImage Source

Pro Tip: When done well, incorporating an array of textures, via high-quality graphics or photography (like the crumbled paper used above), can make the 2D experience of viewing an email more visceral and engaging.

2. Domino

This newsletter from Domino covers a lot of information: design with storage restrictions, giveaways, a profile piece with Chelsea Handler, bathroom and bedroom design tips, and a call-to-action.

To make this more easily scannable, Domino paired these short descriptions with high-quality images. Like the Collaborative Fund example, they also used clear, horizontal divides to separate each topic.

Html email inspiration; Domino newsletter emailImage Source

Pro Tip: Incorporating contrasting colors can help with creating division between sections and draw the eye from each section with ease.

3. InVision LABS

This is a much more concise email from InVision, which includes a clean design and an eye-catching color. The blue background causes both the call-to-action and the white box near the bottom of the email to command attention. The fanned-out product images help the recipient understand what the announcement entails before diving into the explainer copy.

Html email inspiration; InVision Labs email newsletterImage Source

The colorful experience doesn’t stop with the email. The bright blue color is carried through to the corresponding website, making this a strong example of seamless branding.

Are you inspired by InVision’s clean design and ready to create your own campaign? Use a free email marketing software like HubSpot to create and send your message to the world.

4. GrubHub

This email from GrubHub is a great example of product promotion … because it doesn’t sound or feel like product promotion at all. Instead of saying, “Hey, you like food. You should order it using our service!”, the email tells a story with the help of a really cool piece of interactive content: a quiz to see what you should serve at your party (see what they did there?).

We especially love the saturated GIF they used to promote the piece of content, as it really commands the recipient’s attention.

Html email inspiration; GrubHub What’s on your menu? adImage Source

Pro Tip: Motion catches the eye. We see this throughout social media and other forms of media. Adding this feature to your emails can appeal to viewers enticed by the motion factor in public-facing content. Learn how to create a GIF using Photoshop.

Nurturing Email Design Examples

5. Handy

We love this simple welcome email from Handy. The color scheme is consistent, relying on gray for the base, and bright blue to draw attention to the logo and calls-to-action.

There’s a nice balance between text and visuals here, and the tile design makes it easy to skim through. Finally, we love that they used non-cheesy stock photos to represent their brand, which makes them more genuine and lovable from a consumer perspective.

Html email inspiration; Welcome to Handy emailImage Source

Pro Tip: Nowadays, most viewers have some level of ability to sense whether an image is a stock photo or originally captured content. If you must use stock photography, take your time when looking through image databases, and filtering for images that represent not only the tone of the email and message but the overall aesthetic and feel of your brand.

6. Litmus

You might expect a beautiful email from a company that’s announcing an email design conference — and Litmus doesn’t disappoint. The email starts out with a bold burst of color, which grabs readers’ attention. Below this, you’ll find a clean design that includes concise copy, whimsical illustrations, and a great use of white space.

At the bottom of the email, you’ll see a live Twitter feed showing tweets that use the conference’s official hashtag. That social media factor is a really cool touch that we’re willing to bet increased engagement, while simultaneously informing folks about how to stay connected at the event.

Html email inspiration; The email design conference presented by LitmusImage Source

Pro Tip: Being imaginative and using icons and illustrations can be a rewarding and simple way of getting messaging across. Consistent look and feel makes the difference, showing intention and design-strategy. You can find free icon packs that include the most commonly used icons, at websites like FlatIcon.com.

7. Uber

As marketers, we know that charts and graphs can serve as an effective way to illustrate information. But what about incorporating graphs into emails?

This email design from Uber skillfully demonstrates the power of data visualization through the use of simple graphs. Rather than relying on words to explain their lowered rates, Uber whipped up a few comparative visuals to do the job. Thanks to the bright blue color choice, it’s easy for recipients to understand how the rates have shifted in just a quick glance.

Html email inspiration; Uber lower fares down the short emailImage Source

Pro Tip: Excitement is more difficult to elicit from audiences than one would think. The above serves as an example of how Uber uses their historical data to galvanize excitement for new offerings from the company. The potential of what’s to come is correlated to what has happened. Show what’s been done before showing what’s to come, letting consumers know their excitement is secure.

8. Cuyana

Here’s a product promotion email Cuyana sent to people who signed up for a new product’s “early access” list. The email is centered entirely around showcasing the new product, but in this case, that’s exactly what the folks who opted in to the “early access” list were looking for.

The design of the email is clean and sophisticated, thanks to a brilliant use of negative space and attractive fonts. This approach is very true-to-brand for a women’s apparel and accessories company. We love the use of consistent coloring — especially the signature orange hue they chose for the call-to-action button at the bottom.

Html email inspiration; Cuyana pebbled leathered refresh bags and wallets emailImage Source

Pro Tip: This is an example of an email made using HubSpot. Click here to check out more email marketing examples from our library.

E-commerce Email Design Examples

9. J.Crew

Sometimes, words can be overrated. Why not let a picture tell the story for you? That’s what J.Crew did in this email, anyway. The email is promoting a sale, but you wouldn’t know it right away: All you see is the copy, “This is worth the scroll,” along with a very long (and very scroll-worthy), high-definition picture of an ice cream cone. We love the subtlety. Yum!

Html email inspiration; J.Crew, this is worth the scrollImage Source

Pro Tip: If you make it to the bottom, you’ll notice that the tip of the ice cream cone acts like a directional arrow, pointing recipients toward the call-to-action. Photography can serve as more than a static image, it can be an interactive guide, leading the eye throughout the message.

10. Apple

This holiday email from Apple balances white space with product displays to create a really interesting experience.

While the products all share a similar color scheme, what’s really compelling is their positioning. By strategically arranging the products, Apple was able to create visual patterns that alternate throughout the email. This approach is among the best for displaying the confidence of a brand in its products. It allows the products themselves to be the focus of the message, as well as the means through which the messaging is conveyed.

Html email inspiration, Apple holiday emailImage Source

Pro Tip: Drafting or sketching out the design for an email at the start of the process can make creating eye-catching messaging an easily attainable goal and can save you time.

11. Union Made Goods

Consumers get a lot of emails from e-commerce businesses showcasing holiday gift ideas from their websites, and this is an example of one of these emails done well. They opted for a simple design here, which includes a really nice use of both color and white space, making the copy and images that are there pop a little more.

We really enjoy how the simplicity allows for the mind of the reader to be less focused on distracting elements within the message. Instead, they can fill in the negative space with imaginings of how the products displayed — or others sold by the company — could bring about the desired reaction from the mothers in their lives. It makes one wonder, “What does mom have?”, “What does she need?”, or “What would she like?”

Html email inspiration; Union Made Goods Mothers day emailImage Source

Pro Tip: Offering something like a discount on a purchase, without overselling, inclines readers to take a look at their own time, with the knowledge that they will receive incentives for engaging further.

12. Casper

This welcome email from Casper does a stellar job of providing an overview of what joining their 1+ million member community will get you. From their community numbers, it is clear they have put a lot of time and work into creating a product and reputation so you can rest assured. (Get it? “Rest,” because it’s a mattress company? Ah, nevermind!)

They list a few of the perks you get from a membership, and then immediately jump into establishing educational value, offering tips for sleeping. This alone isn’t compelling enough to make someone a loyally attentive Casper email-subscriber, but it does further connect the brand and product(s) to consumers’ experiences. We love how they use simple graphics and concise messaging to subtly associate themselves with the solution to sleep challenges.

Html email inspiration; Casper hello dreamer emailImage Source

Pro Tip: Keep it simple, allowing viewers and consumers to conclude for themselves that they need what you have to offer.

13. Shwood x Stanley

In the e-commerce world, the quality of visuals in your emails can have a huge impact on whether recipients stick around to look through the whole email, or quickly hit the “delete” button. This email from Shwood x Stanley places a big emphasis on those high-quality visuals. We especially adore the textured backgrounds, as well as the ways in which they play with light and shadows.

Html email inspiration; Shwood x Stanley adventure pack emailImage Source

Pro Tip: When using multiple images in an html email, consider what colors complement and contrast with each other. This consideration can make the experiences of transitioning from section to section seamless for the viewer, compelling engaged attention throughout the message.

14. Harry’s

For seasonal emails like this one from Harry’s, you might consider using color schemes that go with the season. To promote their winter gift set, the folks at Harry’s cooled down their color scheme with traditional winter colors like green, blue, and brown. They also struck a nice balance between text and visuals, and helped to make their email easier to skim by using a simple tile design.

Another thing we love are those bright red calls-to-action; they look pretty clickable … wouldn’t you agree?

Html email inspiration; Harry’s winter set holiday emailImage Source

Pro Tip: Simply put, there is no replacement for good product photography. If you’re diving into the ocean of original product photography, check out this Beginner’s Guide to Product Photography.

What other companies out there have you noticed are creating beautiful email marketing? What stands out about their approach? How can you take this and add your own original spin, making something new for your brand’s messaging?

Editor’s Note: This post was originally published in May 2012 and has been updated for freshness, accuracy, and comprehensiveness.

New Call-to-action


Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address

MARKETING

YouTube Ad Specs, Sizes, and Examples [2024 Update]

Published

on

YouTube Ad Specs, Sizes, and Examples

Introduction

With billions of users each month, YouTube is the world’s second largest search engine and top website for video content. This makes it a great place for advertising. To succeed, advertisers need to follow the correct YouTube ad specifications. These rules help your ad reach more viewers, increasing the chance of gaining new customers and boosting brand awareness.

Types of YouTube Ads

Video Ads

  • Description: These play before, during, or after a YouTube video on computers or mobile devices.
  • Types:
    • In-stream ads: Can be skippable or non-skippable.
    • Bumper ads: Non-skippable, short ads that play before, during, or after a video.

Display Ads

  • Description: These appear in different spots on YouTube and usually use text or static images.
  • Note: YouTube does not support display image ads directly on its app, but these can be targeted to YouTube.com through Google Display Network (GDN).

Companion Banners

  • Description: Appears to the right of the YouTube player on desktop.
  • Requirement: Must be purchased alongside In-stream ads, Bumper ads, or In-feed ads.

In-feed Ads

  • Description: Resemble videos with images, headlines, and text. They link to a public or unlisted YouTube video.

Outstream Ads

  • Description: Mobile-only video ads that play outside of YouTube, on websites and apps within the Google video partner network.

Masthead Ads

  • Description: Premium, high-visibility banner ads displayed at the top of the YouTube homepage for both desktop and mobile users.

YouTube Ad Specs by Type

Skippable In-stream Video Ads

  • Placement: Before, during, or after a YouTube video.
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Vertical: 9:16
    • Square: 1:1
  • Length:
    • Awareness: 15-20 seconds
    • Consideration: 2-3 minutes
    • Action: 15-20 seconds

Non-skippable In-stream Video Ads

  • Description: Must be watched completely before the main video.
  • Length: 15 seconds (or 20 seconds in certain markets).
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Vertical: 9:16
    • Square: 1:1

Bumper Ads

  • Length: Maximum 6 seconds.
  • File Format: MP4, Quicktime, AVI, ASF, Windows Media, or MPEG.
  • Resolution:
    • Horizontal: 640 x 360px
    • Vertical: 480 x 360px

In-feed Ads

  • Description: Show alongside YouTube content, like search results or the Home feed.
  • Resolution:
    • Horizontal: 1920 x 1080px
    • Vertical: 1080 x 1920px
    • Square: 1080 x 1080px
  • Aspect Ratio:
    • Horizontal: 16:9
    • Square: 1:1
  • Length:
    • Awareness: 15-20 seconds
    • Consideration: 2-3 minutes
  • Headline/Description:
    • Headline: Up to 2 lines, 40 characters per line
    • Description: Up to 2 lines, 35 characters per line

Display Ads

  • Description: Static images or animated media that appear on YouTube next to video suggestions, in search results, or on the homepage.
  • Image Size: 300×60 pixels.
  • File Type: GIF, JPG, PNG.
  • File Size: Max 150KB.
  • Max Animation Length: 30 seconds.

Outstream Ads

  • Description: Mobile-only video ads that appear on websites and apps within the Google video partner network, not on YouTube itself.
  • Logo Specs:
    • Square: 1:1 (200 x 200px).
    • File Type: JPG, GIF, PNG.
    • Max Size: 200KB.

Masthead Ads

  • Description: High-visibility ads at the top of the YouTube homepage.
  • Resolution: 1920 x 1080 or higher.
  • File Type: JPG or PNG (without transparency).

Conclusion

YouTube offers a variety of ad formats to reach audiences effectively in 2024. Whether you want to build brand awareness, drive conversions, or target specific demographics, YouTube provides a dynamic platform for your advertising needs. Always follow Google’s advertising policies and the technical ad specs to ensure your ads perform their best. Ready to start using YouTube ads? Contact us today to get started!

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

Why We Are Always ‘Clicking to Buy’, According to Psychologists

Published

on

Why We Are Always 'Clicking to Buy', According to Psychologists

Amazon pillows.

(more…)

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

MARKETING

A deeper dive into data, personalization and Copilots

Published

on

A deeper dive into data, personalization and Copilots

Salesforce launched a collection of new, generative AI-related products at Connections in Chicago this week. They included new Einstein Copilots for marketers and merchants and Einstein Personalization.

To better understand, not only the potential impact of the new products, but the evolving Salesforce architecture, we sat down with Bobby Jania, CMO, Marketing Cloud.

Dig deeper: Salesforce piles on the Einstein Copilots

Salesforce’s evolving architecture

It’s hard to deny that Salesforce likes coming up with new names for platforms and products (what happened to Customer 360?) and this can sometimes make the observer wonder if something is brand new, or old but with a brand new name. In particular, what exactly is Einstein 1 and how is it related to Salesforce Data Cloud?

“Data Cloud is built on the Einstein 1 platform,” Jania explained. “The Einstein 1 platform is our entire Salesforce platform and that includes products like Sales Cloud, Service Cloud — that it includes the original idea of Salesforce not just being in the cloud, but being multi-tenancy.”

Data Cloud — not an acquisition, of course — was built natively on that platform. It was the first product built on Hyperforce, Salesforce’s new cloud infrastructure architecture. “Since Data Cloud was on what we now call the Einstein 1 platform from Day One, it has always natively connected to, and been able to read anything in Sales Cloud, Service Cloud [and so on]. On top of that, we can now bring in, not only structured but unstructured data.”

That’s a significant progression from the position, several years ago, when Salesforce had stitched together a platform around various acquisitions (ExactTarget, for example) that didn’t necessarily talk to each other.

“At times, what we would do is have a kind of behind-the-scenes flow where data from one product could be moved into another product,” said Jania, “but in many of those cases the data would then be in both, whereas now the data is in Data Cloud. Tableau will run natively off Data Cloud; Commerce Cloud, Service Cloud, Marketing Cloud — they’re all going to the same operational customer profile.” They’re not copying the data from Data Cloud, Jania confirmed.

Another thing to know is tit’s possible for Salesforce customers to import their own datasets into Data Cloud. “We wanted to create a federated data model,” said Jania. “If you’re using Snowflake, for example, we more or less virtually sit on your data lake. The value we add is that we will look at all your data and help you form these operational customer profiles.”

Let’s learn more about Einstein Copilot

“Copilot means that I have an assistant with me in the tool where I need to be working that contextually knows what I am trying to do and helps me at every step of the process,” Jania said.

For marketers, this might begin with a campaign brief developed with Copilot’s assistance, the identification of an audience based on the brief, and then the development of email or other content. “What’s really cool is the idea of Einstein Studio where our customers will create actions [for Copilot] that we hadn’t even thought about.”

Here’s a key insight (back to nomenclature). We reported on Copilot for markets, Copilot for merchants, Copilot for shoppers. It turns out, however, that there is just one Copilot, Einstein Copilot, and these are use cases. “There’s just one Copilot, we just add these for a little clarity; we’re going to talk about marketing use cases, about shoppers’ use cases. These are actions for the marketing use cases we built out of the box; you can build your own.”

It’s surely going to take a little time for marketers to learn to work easily with Copilot. “There’s always time for adoption,” Jania agreed. “What is directly connected with this is, this is my ninth Connections and this one has the most hands-on training that I’ve seen since 2014 — and a lot of that is getting people using Data Cloud, using these tools rather than just being given a demo.”

What’s new about Einstein Personalization

Salesforce Einstein has been around since 2016 and many of the use cases seem to have involved personalization in various forms. What’s new?

“Einstein Personalization is a real-time decision engine and it’s going to choose next-best-action, next-best-offer. What is new is that it’s a service now that runs natively on top of Data Cloud.” A lot of real-time decision engines need their own set of data that might actually be a subset of data. “Einstein Personalization is going to look holistically at a customer and recommend a next-best-action that could be natively surfaced in Service Cloud, Sales Cloud or Marketing Cloud.”

Finally, trust

One feature of the presentations at Connections was the reassurance that, although public LLMs like ChatGPT could be selected for application to customer data, none of that data would be retained by the LLMs. Is this just a matter of written agreements? No, not just that, said Jania.

“In the Einstein Trust Layer, all of the data, when it connects to an LLM, runs through our gateway. If there was a prompt that had personally identifiable information — a credit card number, an email address — at a mimum, all that is stripped out. The LLMs do not store the output; we store the output for auditing back in Salesforce. Any output that comes back through our gateway is logged in our system; it runs through a toxicity model; and only at the end do we put PII data back into the answer. There are real pieces beyond a handshake that this data is safe.”

Source link

Keep an eye on what we are doing
Be the first to get latest updates and exclusive content straight to your email inbox.
We promise not to spam you. You can unsubscribe at any time.
Invalid email address
Continue Reading

Trending