14 个精美电子邮件设计的最佳示例

已发表: 2022-10-07


打开营销电子邮件是一项常规任务,消费者通常不会多想。 但是,作为电子邮件营销人员,我们知道故事的另一面。 寻找新的 HTML 电子邮件灵感可能是一项艰巨的任务。

当您是电子邮件营销人员时,您的待办事项列表通常如下所示:生成选择加入的潜在客户、细分您的列表、设置潜在客户培育工作流程、起草清晰简洁的电子邮件副本、检查您的电子邮件的可送达性、针对普通邮件进行优化文本和 HTML 等。 “这有什么好玩的? “你可能想知道。

只需点击几下即可创建新的品牌电子邮件签名。从这里开始。 (免费。)

值得庆幸的是,有很多电子邮件营销极客(包括我们自己)确实认为所有这些都很有趣。 电子邮件营销的这些不那么迷人的方面——尽管对您的营销活动的成功至关重要——并不能描绘出令人惊叹的电子邮件营销真正的全貌。

虽然纯文本或简单的电子邮件仍然非常有效,但有时您希望通过富有创意、引人入胜或令人愉悦的低调电子邮件设计让您的订阅者惊叹不已。 那里的一些品牌也想出了如何创建非常漂亮的电子邮件。 如果您希望在下一次电子邮件营销活动中尝试一些更具冒险精神的活动,请查看以下示例以获取灵感。

目录:

电子邮件通讯设计实例

一、合作基金

在设计中,红色和黄色是强有力的颜色选择。 众所周知,红色可以传达力量或激情,而黄色通常被认为既明亮又充满活力。 尽管许多公司在时事通讯的顶部使用一大块颜色来吸引人们,但 Collaborative Fund 的员工更进一步,在整封电子邮件中结合了红色和黄色的爆发色。 相当强大,对吧?

除了颜色,他们利用干净的分界线来分隔这些块,同时结合不同的纹理——比如那张皱巴巴的纸——来创造一种真正引人入胜的体验。

HTML 电子邮件灵感;协作基金电子邮件通讯 图片来源

专业提示:如果做得好,通过高质量的图形或摄影(如上面使用的碎纸)结合一系列纹理,可以使查看电子邮件的 2D 体验更加发自肺腑和引人入胜。

2.多米诺骨牌

多米诺的这份时事通讯涵盖了很多信息:设计有存储限制、赠品、Chelsea Handler 的个人资料、浴室和卧室设计技巧,以及号召性用语。

为了使其更易于浏览,Domino 将这些简短描述与高质量图像配对。 与协作基金示例一样,他们也使用清晰的水平划分来分隔每个主题。

HTML 电子邮件灵感;多米诺时事通讯电子邮件 图片来源

专业提示:结合对比色有助于在部分之间创建划分,并轻松从每个部分吸引眼球。

3. InVision 实验室

这是一封来自 InVision 的简洁得多的电子邮件,其中包括简洁的设计和醒目的颜色。 蓝色背景使号召性用语和电子邮件底部附近的白框都引起注意。 散开的产品图片可帮助收件人在深入了解说明文案之前了解公告的含义。

HTML 电子邮件灵感; InVision 实验室电子邮件通讯 图片来源

丰富多彩的体验并不止于电子邮件。 明亮的蓝色被带入相应的网站,使其成为无缝品牌的有力例子。

您是否受到 InVision 简洁设计的启发并准备好制作您自己的广告系列? 使用像 HubSpot 这样的免费电子邮件营销软件来创建您的信息并将其发送给全世界。

4.GrubHub

这封来自 GrubHub 的电子邮件是产品促销的一个很好的例子……因为它听起来或感觉根本不像是产品促销。 而不是说,“嘿,你喜欢食物。 您应该使用我们的服务来订购!”,这封电子邮件借助一个非常酷的互动内容讲述了一个故事:一个测验,看看您应该在聚会上提供什么(看看他们在那里做了什么?)。

我们特别喜欢他们用来宣传内容的饱和 GIF,因为它确实吸引了收件人的注意力。

HTML 电子邮件灵感; GrubHub 你的菜单上有什么?广告 图片来源

专业提示:动作吸引眼球。 我们在社交媒体和其他形式的媒体中都看到了这一点。 将此功能添加到您的电子邮件中可以吸引被面向公众的内容中的动作因素所吸引的观众。 了解如何使用 Photoshop 创建 GIF。

培育电子邮件设计实例

5.得心应手

我们喜欢 Handy 发送的这封简单的欢迎电子邮件。 配色方案是一致的,以灰色为底色,并以亮蓝色吸引人们对徽标和号召性用语的注意。

这里的文本和视觉效果之间取得了很好的平衡,磁贴设计使其易于浏览。 最后,我们喜欢他们使用非俗气的库存照片来代表他们的品牌,这使他们从消费者的角度来看更加真实和可爱。

HTML 电子邮件灵感;欢迎使用 Handy 电子邮件 图片来源

专业提示:如今,大多数观众都有一定程度的能力来判断图像是库存照片还是原始拍摄的内容。 如果您必须使用图片库,请花点时间查看图像数据库,并筛选出不仅代表电子邮件和消息的语气,而且代表您品牌的整体美感和感觉的图像。

6.石蕊

您可能会期待来自一家宣布电子邮件设计会议的公司发送一封精美的电子邮件,而 Litmus 不会让您失望。 电子邮件以大胆的色彩开始,吸引了读者的注意力。 在此之下,您会发现一个干净的设计,包括简洁的副本、异想天开的插图和大量使用空白。

在电子邮件的底部,您会看到一个实时 Twitter 提要,显示使用会议官方标签的推文。 社交媒体因素真的很酷,我们愿意打赌增加参与度,同时告知人们如何在活动中保持联系。

HTML 电子邮件灵感; Litmus 举办的电子邮件设计会议 图片来源

专业提示:富有想象力并使用图标和插图可能是传达信息的一种有益且简单的方式。 一致的外观和感觉会有所不同,显示意图和设计策略。 您可以在 FlatIcon.com 等网站上找到包含最常用图标的免费图标包。

7.优步

作为营销人员,我们知道图表可以作为说明信息的有效方式。 但是如何将图表合并到电子邮件中呢?

Uber 的这种电子邮件设计通过使用简单的图表巧妙地展示了数据可视化的力量。 优步没有依靠文字来解释他们降低的费率,而是制作了一些比较视觉效果来完成这项工作。 由于选择了明亮的蓝色,收件人只需快速浏览一下就可以轻松了解费率的变化情况。

HTML 电子邮件灵感;优步通过短电子邮件降低票价 图片来源

专业提示:激发观众的兴奋感比人们想象的要困难得多。 以上是优步如何使用他们的历史数据来激发人们对公司新产品的兴奋的例子。 即将发生的事情的可能性与已经发生的事情相关。 在展示即将发生的事情之前展示已经完成的事情,让消费者知道他们的兴奋是安全的。

8. 库亚纳

这是 Cuyana 发送给注册新产品“抢先体验”列表的人的产品促销电子邮件。 该电子邮件完全以展示新产品为中心,但在这种情况下,这正是选择加入“抢先体验”列表的人们所寻找的。

由于巧妙地使用了负空间和吸引人的字体,电子邮件的设计简洁而精致。 对于女性服装和配饰公司而言,这种方法非常符合品牌。 我们喜欢使用一致的颜色——尤其是他们为底部的号召性用语按钮选择的标志性橙色色调。

HTML 电子邮件灵感; Cuyana 荔枝纹皮提神包和钱包电子邮件 图片来源

专业提示:这是使用 HubSpot 制作的电子邮件示例。 单击此处从我们的资料库中查看更多电子邮件营销示例

电子商务电子邮件设计实例

9. J.克鲁

有时,言语可能被高估了。 为什么不让一张图片为您讲述故事呢? 无论如何,这就是 J.Crew 在这封电子邮件中所做的。 这封电子邮件正在促销,但您不会马上知道:您所看到的只是副本,“这值得滚动”,以及一张非常长(非常值得滚动)的高清图片蛋卷冰淇淋我们喜欢这种微妙之处。 百胜!

HTML 电子邮件灵感; J.Crew,值得一试 图片来源

专业提示:如果你到达底部,你会注意到冰淇淋锥的尖端就像一个方向箭头,将收件人指向号召性用语。 照片不仅可以作为静态图像,还可以作为互动指南,在整个信息中引导人们的视线。

10.苹果

Apple 的这封假日电子邮件平衡了空白与产品展示,营造出真正有趣的体验。

虽然所有产品都采用相似的配色方案,但真正引人注目的是它们的定位。 通过战略性地安排产品,Apple 能够创建在整个电子邮件中交替出现的视觉模式。 这种方法是展示品牌对其产品的信心的最佳方法之一。 它允许产品本身成为信息的焦点,以及传达信息的方式。

Html 电子邮件灵感,Apple 假日电子邮件 图片来源

专业提示:在流程开始时起草或草拟电子邮件的设计可以使创建引人注目的消息成为一个容易实现的目标,并且可以节省您的时间。

11.联合制造的商品

消费者从电子商务企业收到大量电子邮件,展示来自其网站的节日礼物创意,这是其中一封做得很好的电子邮件的例子。 他们在这里选择了一个简单的设计,其中包括对颜色和空白的非常好的使用,使那里的副本和图像更加流行。

我们真的很喜欢这种简单性如何让读者的注意力不那么集中在消息中分散注意力的元素上。 相反,她们可以通过想象所展示的产品(或公司销售的其他产品)如何在母亲们的生活中产生预期的反应来填补负面空间。 这让人想知道,“妈妈有什么?”,“她需要什么?”,或“她想要什么?”

HTML 电子邮件灵感; Union Made Goods 母亲节电子邮件 图片来源

专业提示:在不超卖的情况下提供类似购买折扣之类的东西,可以促使读者审视自己的时间,并知道他们将获得进一步参与的激励。

12.卡斯帕

这封来自 Casper 的欢迎邮件非常出色地概述了加入他们超过 100 万的会员社区会给您带来什么。 从他们的社区数量来看,很明显他们投入了大量时间和精力来打造产品和声誉,因此您可以放心。 (G et it ?“休息”,因为它是一家床垫公司?啊,没关系!)

他们列出了您从会员资格中获得的一些好处,然后立即跳入建立教育价值,提供睡眠技巧。 仅凭这一点还不足以让某人成为忠实而细心的 Casper 电子邮件订阅者,但它确实进一步将品牌和产品与消费者体验联系起来。 我们喜欢他们如何使用简单的图形和简洁的消息传递巧妙地将自己与睡眠挑战的解决方案联系起来。

HTML 电子邮件灵感; Casper 你好梦想家电子邮件 图片来源

专业提示:保持简单,让观众和消费者自己得出结论,他们需要您提供的东西。

13. 什伍德 x 斯坦利

在电子商务世界中,电子邮件中的视觉质量会对收件人是否坚持查看整封电子邮件或快速点击“删除”按钮产生巨大影响。 Shwood x Stanley 的这封电子邮件非常强调那些高质量的视觉效果。 我们特别喜欢带纹理的背景,以及它们处理光影的方式。

HTML 电子邮件灵感; Shwood x Stanley 冒险包电子邮件 图片来源

专业提示:在 html 电子邮件中使用多个图像时,请考虑哪些颜色相互补充和对比。 这种考虑可以使观看者从一个部分过渡到另一个部分的体验是无缝的,从而在整个消息中吸引注意力。

14. 哈利的

对于像这封来自 Harry's 的季节性电子邮件,您可以考虑使用与季节相适应的配色方案。 为了宣传他们的冬季礼品套装,Harry's 的人们用绿色、蓝色和棕色等传统冬季颜色冷却了他们的配色方案。 他们还在文本和视觉效果之间取得了很好的平衡,并通过使用简单的磁贴设计使他们的电子邮件更容易浏览。

我们喜欢的另一件事是那些鲜红色的号召性用语; 它们看起来很容易点击……你不同意吗?

HTML 电子邮件灵感;哈利的冬季设定假期电子邮件 图片来源

专业提示:简而言之,好的产品摄影是无可替代的。 如果您正在潜入原创产品摄影的海洋,请查看此产品摄影初学者指南。

您注意到还有哪些其他公司正在创建漂亮的电子邮件营销? 他们的方法有何突出之处? 您如何利用这一点并添加您自己的原创内容,为您的品牌信息传递新内容?

编者注:这篇文章最初发表于 2012 年 5 月,并已更新以确保新鲜度、准确性和全面性。

新号召性用语