创建客户喜爱的 404 页面的 7 个基本技巧

已发表: 2023-01-18

创建客户喜爱的 404 页面的 7 个基本技巧

死胡同并不总是令人愉快的。 但是就您的网站设计而言,您可以改变它! 即使是死胡同也可以为您的品牌服务。 即使是死胡同也可以看起来很美。 是的,我们正在谈论 404 页面,这是任何访问者由于链接断开而遇到的死胡同。

如果有人在你认为自己走到了死胡同时给了你方向怎么办? 您难道不想探索所提出的替代方案吗? 您也可以为您网站的 404 页面复制它。

默认页面很无聊。 他们对您的品牌没有任何帮助。 相反,它们会使您的网站访问者感到沮丧。 甚至可能成为他们放弃您网站的原因。 但是只要稍加计划和良好的设计,您就可以扭转局势。 您可以将客户引导至他们可能感兴趣的其他相关目的地。 并在此过程中使您的品牌受益!

但是你怎么能那样做呢? 让我们看一些出色的 404 页面示例,看看可以从中汲取哪些想法。 当然,我们会首先告诉您为什么加倍努力并获得为您的网站设计的 404 着陆页实际上很​​重要。

  • 404 页面——无人谈论的好处
  • 引起轰动的 404 页面创意
    • 1.使用你品牌的标志性产品
    • 2. 或者使用比喻性的引用来更好的交互
    • 3.动态404页面
    • 4. 使用您的吉祥物打造更好的品牌
    • 5. 超越图像
    • 6. 不要忘记链接
    • 7. “简单”也可以很惊艳
  • Kimp 的创意 404 着陆页设计让您的观众惊叹不已

404 页面——无人谈论的好处

404 错误页面通常会使新访问者因找不到他们想要的内容而感到焦虑或不安。 由于他们自己错误地输入了 URL,他们并不总是在那里登陆。 这可能是将他们带到该页面的来源方面的错误。 但客户首当其冲。 所以,定制404页面的目的就是为了弥补客户的这种意想不到的糟糕体验。 当您这样做时,您的品牌将获得以下好处:

  • 让您有机会展示您品牌古怪的一面,打破僵局。
  • 您可以发挥您的创造力,使您的企业在竞争中脱颖而出。
  • 独特的 404 页设计将作为您品牌语调的视觉提醒。 客户熟悉您的沟通方式。 如果他们了解您的品牌有多平易近人,这会有所帮助。
  • 自定义 404 着陆页让您有机会添加高转化率 CTA 或链接以追加销售和交叉销售。 从长远来看,这对您的网站流量和销售额都有好处。
  • 它有助于减少网站放弃的机会。 遇到 404 错误页面的客户并不总是愿意返回主页或尝试弄清楚如何获得正确的 URL。 相反,他们可能会简单地放弃该网站。 具有有趣概念、引人入胜的视觉效果和创意副本的 404 页面可能会降低该网站被放弃的可能性。

现在您知道需要设计一个富有创意的个性化 404 页面,让我们来谈谈一些设计技巧和内容创意,让您的创意变为现实。

引起轰动的 404 页面创意

1.使用你品牌的标志性产品

在 404 页面上展示您的标志性产品是最简单但最有效的想法之一。 通过这样做,您将给观众留下持久的印象。 如何? 因为即使他们选择在那里放弃您的网站,他们在您网站上看到的最后一件事也将是该产品。 因此,即使他们是您品牌的新手,他们现在已经遇到了您品牌知名的旗舰产品。 记住所售产品的品牌比记住品牌名称和其他元素要容易得多。

上图显示了路易威登网站上的 404 页面。 它采用标志性的 LV 交织字母 Speedy 包,因此客户即使在 404 页面上也能感受到该品牌。 最好的部分是这里的图像不会压低页面。

肯德基的 404 页面就更好了。 标志性的肯德基桶和副本一起连接回品牌。 桶是空的这一事实让你渴望一个。 这正是食品品牌的营销设计应该看起来的样子——它们应该让你感到饥饿。 这个可以!

空白的
2. 或者使用比喻性的引用来更好的交互

视觉隐喻在营销设计领域具有特殊的地位。 如果您从未在营销中探索过它们,请查看有关视觉隐喻及其使用方法的 Kimp 博客。 但是现在,我们谈论的是 404 页面背景下的视觉隐喻。

简而言之,这些是您希望传达的想法的隐喻表示。 您不是展示产品的图像,而是包括让客户想到您的产品的场景或项目,以及产品背后的理念。 换句话说,您可以激发客户的想法并让他们有意义地参与进来。 这有利于您的品牌。 因此,它为您的 404 页面提供了绝妙的主意。

看看下面可口可乐网站上的 404 页面。 它没有展示实际产品,而是使用视觉隐喻。 汽水罐、“4”上的水滴和红色的使用都与品牌相关联,帮助用户立即想象红色的可口可乐汽水罐。

空白的

Kimp 提示:在设计视觉隐喻时,请始终考虑最终用户。 如果您的品牌元素、广告中的图像以及您的产品及其应用的受欢迎程度不够高,客户可能无法完全理解隐喻中的想法。 上面的可口可乐 404 页面对于不知道该品牌以苏打水闻名的人来说毫无意义。 因此,与其根据您对品牌的看法来设计视觉隐喻,不如根据客户对您品牌的看法来设计视觉隐喻。

想在 404 着陆页上尝试视觉隐喻和其他有趣的元素吗? Kimp团队可以提供帮助。

3.动态404页面

因为默认的 404 页面很无聊,品牌选择设计自定义 404 页面。 但是有些品牌即使使用简单的静态自定义 404 页面也不满意。 它们包含动态页面。 这是该品牌拥有一组 404 页面的地方,每次出现链接断开时都会显示不同的页面。 尝试一下是个好主意。 漫威做得很完美。

空白的

Marvel 网站上的 404 页面分类与 Marvel 的电影一样有趣。 让你想故意走进死胡同! 这是另一个。

空白的

这些页面都以 Marvel Cinematic Universe 中的流行角色为特色。 图像、动画、引人入胜的副本——漫威真正知道如何激发粉丝的兴趣。 这只是漫威营销技巧的一个简单例子。 这是 Marvel 网站上的另一个 404 页面。 这是我们向您展示的最后一个,我们保证

空白的

继续,刷新 Marvel 网站上的任何 404 页面,看看你是否能抓住你最喜欢的超级英雄!

Marvel 404 页面的一些要点:

  • 复制和设计齐头并进。
  • 上述设计肯定会激发任何真正的 Marvel 粉丝。 关于在 404 页面中包含哪些内容的最佳提示,甚至与此相关的任何营销设计,都来自您的受众。 如果您在设计或复制中使用的引用或幽默或双关语对您的客户没有任何意义,那么您的设计就失去了它的目的。
4. 使用您的吉祥物打造更好的品牌

我们将在这里使用我们自己的 404 页面作为示例。 这是 404 页面,如果您在 Kimp 网站上遇到损坏的链接,您会看到。

空白的

使用 404 页面,您有机会向您的客户介绍您的吉祥物。 与您网站上具有非常具体目标的其他页面不同,404 页面只有一个目标 - 改善原本糟糕的体验,甚至让它成为难忘的体验。 您可以发挥品牌吉祥物的独特个性,并将其与符合您品牌语调的文案结合起来。 因此,客户可以了解您拥有什么样的品牌个性——有趣、负责任、成熟等等。 例如,Kimp 的吉祥物具有独特的充满活力的个性。 我们的 404 页面恰好捕捉到了我们吉祥物的一个怪癖! 你的传达了什么? 想想看!

5. 超越图像

GIPHY 在其 404 错误页面上使用 GIF。 毕竟,下载 GIF 的网站不能只有静态图片,对吧?

空白的

这个想法不仅适用于 GIPHY。 添加动画可以增强体验。 它甚至使 404 页面更有趣。 良好的营销和良好的用户体验都是为了与您的受众建立积极的情感联系。 交互式动画可以帮助您实现这一目标。

但是,您不想要冗长的动画视频。 一个迂回的信息是访问者在已经被撞墙惹恼之后想要的最后一件事。 使用动作只是为了吸引注意力,并且不会增加页面的加载时间。 小尺寸 GIF 就是这样做的。

想要创建品牌 GIF 来为您的 404 着陆页增加价值吗? 选择Kimp 订阅

6. 不要忘记链接

除了在整体页面设计方面发挥您的创造力外,您还需要通过提供的链接发挥创意。 大多数品牌坚持重定向到主页。 但你可以做得更好!

可能有来自不同来源的客户出于不同目的访问您的网站。 因此,将它们发送回主页并没有真正产生太大影响。 相反,确定最相关的链接。 这些可能是转换渠道或高效的 CTA,它们可以捕获有关您的潜在客户的信息或为他们提供可能的前进方向。

下面 UpWork 上的 404 页面有一个措辞巧妙的副本,可以引导客户执行最有意义的操作之一。 访问 UpWork 的人大多是想招聘人才或找工作。 404 页面包含与两种类型的用户相关的链接。

空白的

这个想法的另一个有趣的例子是 Neil Patel 网站上的 404 页面。 该网站有一项著名的关键服务,那就是网站优化。 因此,404 页面包含一个字段,用户可以直接输入他们希望分析和优化的网站的 URL。 这让用户立即采取行动。

空白的

Kimp 提示:关键是将您的客户重定向到对您的品牌最有利的方向,同时又使其与他们相关。 避免添加太多链接。 因为你知道太多的选择最终会让你的听众感到困惑。 迷茫的观众没有向前迈出坚实的一步。 相反,选择一些适合您网站上各种用户的好链接。

7. “简单”也可以很惊艳

最后,您需要不必被搜索引擎抓取的轻​​量级页面。 因此,您实际上不需要太多复杂的元素来使您的 404 页发挥作用。 视觉效果和交互式 GIF 非常棒。 但如果您希望保持简单,您仍然可以想出与您的品牌最相关的创意。 IMDB 展示了这是如何完成的。

IMDB 网站上的 404 页面与 Marvel 上的类似,是动态的并使用电影参考。 但不同的是页面很简单。 精简为一个简单的文本气泡,显示流行的电影对话,并用一行说明参考来自哪部电影。

空白的

并且有指向相应电影页面的链接。 这个想法激发了用户对著名电影对话形式的兴趣。 而当用户点击电影链接时,访问网站、查找电影信息的目的就完成了!

Kimp 提示:像上面来自 IMDB 的示例这样的简约页面有时很难处理。 应不断提醒客户他们在哪里以及您的品牌是什么。 由于页面上使用了易于识别的 IMDB 品牌颜色,所以这个想法之所以奏效。 同样,当您设计 404 页面时,让您的品牌颜色占据中心位置。

Kimp 的创意 404 着陆页设计让您的观众惊叹不已

Kimp Graphics 订阅涵盖的最重要的设计类型之一是登陆页面设计。 一个好的着陆页是大多数成功活动的关键。 当您下定决心调整它们以适合您的品牌时,即使您的 404 着陆页看起来也会好得多。 让 Kimp 团队帮助您自定义 404 页面。 注册免费试用以了解订阅的运作方式,然后获得无限量的广告、登陆页面以及更多专为您的品牌设计的内容。