9个有效的主页设计示例

已发表: 2020-10-11

设计一个在其他网站的海洋中脱颖而出的主页，所有这些都在争夺至少一部分目标受众，这可能是一件棘手的事情。您希望您的设计能够说明您作为一个品牌的身份、您试图传达的信息以及您的立场。当然，您希望它看起来不错。

为了给您一些灵感并帮助您入门，我们编制了一个列表，其中包含九个简单有效的主页设计示例。希望他们能为您自己的主页提供一些想法，并使您自己的设计过程更容易。

用你的关键信息打开

您主页的英雄部分是您最有价值的房地产。这是人们登陆您的网站时首先看到的内容，这是您立即吸引他们兴趣的机会。

一个很好的方法是打开你的主要观点。例如，Forms on Fire 会立即打开他们的销售信息，毫无疑问他们提供什么。他们的核心价值在这里体现：他们通过数字化表格使工作更容易。

资料来源：formsonfire.com

除了用大字体写出的一个关键信息，在你的英雄身上脱颖而出，你还可以在其中添加一些额外的副本。这取决于您从事的业务类型，您首先要考虑您的目标受众可能会如何对更多的销售文案做出反应。

例如，Freshbooks 在其英雄部分添加了另外两句话，加深了他们的标语并添加了一些更有力的词：简单、快速、安全。

资料来源：freshbooks.com

您选择在设计中使用的颜色可能比您想象的要重要得多。不同的颜色会引发不同的情绪，你可能会在不知不觉中发出错误的信息。

您的配色方案可以充分说明您作为一个品牌的身份：鲜艳的色彩会说明您的俏皮和轻松的态度，黑白网站可能会反映您时尚的一面，绿色可以让人们知道您是一个环保品牌，并且很快。

这是 Pixelgrade 的一个例子，它选择了一种非常丰富多彩的方法——这种设计肯定会吸引你的注意力，在这种情况下，它还展示了你可以用他们的产品做的不同事情。

资料来源：pixelgrade.com

有时，数字胜于雄辩。因此，与其详细说明您与多少客户合作过，不如使用实际数据来说明这一点。

你还应该让这些数字脱颖而出——使用更大的字体，使用对比色，将它们放在页面的显眼部分。

My Company Works 展示了他们在硬数字方面的经验，这非常有效——毕竟，吹嘘大约 60 000 多个客户并不是真正的吹嘘，而更像是一种声明。

资料来源：mycompanyworks.com

除了主页上的数字和文字外，还应该涉及某种视觉效果。您可以使用视频、图像、动画或插图。只要您选择的是完全定制的并与您的品牌标识保持一致，您就不会出错。

我们在这里强调自定义一词，因为您不想使用其他人已经展示的视觉效果。它不会让你脱颖而出，它不会让你被认出来，而且它肯定不会像原创的东西那样与你的品牌故事相匹配。

Evernote 的主页上有一些非常简单的图形——但它们完美地说明了要点，它们与页面的其余部分设计一致，而且它们并不会分散副本本身的注意力。

资料来源：evernote.com

您还可以使用将在您的主页上显示实际产品的屏幕截图（或近似屏幕截图）。您可以通过演示视频达到相同的目的，但知道不是每个人都会对视频感兴趣或有时间观看，您仍然可以一次性展示产品并获得一些漂亮的视觉效果。

Mint 在主页上使用他们应用程序的图像——这些图像是定制的，很好地融入了整体设计，而且他们显然做了基本的工作来展示产品是什么以及它如何在日常生活中帮助人们。

资料来源：mint.com

虽然这种策略肯定不会在每个行业都奏效，也肯定不会吸引所有类型的受众，但有时吹嘘自己最大的成就可以带来一大堆新客户。

但是，请注意如何展示这一点。你不希望一切都与你有关。您希望您的顶级合同或顶级功能表明您做得很好并且您可以帮助查看您页面的人 -而不是您令人难以置信且昂贵并且不与任何人一起工作。

Jill Konrath 使用徽标来做到这一点——她网站的英雄部分有一排大的出版名称徽标，它立即告诉您她曾出现在一些非常重要的杂志和论文中。而且它不会太突兀，也不会太直接。有用。

资料来源：jillkonrath.com

任何东西都可以是 CTA。你可以让它变短，你可以让它很长，或者你可以让它变得可预测。所有那些“联系方式”、“点击这里”等等——它们可能会在一段时间后变得有点平凡。

此外，如果可能，CTA 还应该旨在提供某种价值。如果您要求某人订阅您的时事通讯，肯定有比“注册”更好的表达方式——当然，这取决于您的目标受众。很多网站都使用各种“很棒的内容”。它确实有效。

例如，Startup Resources 有一个很好的 CTA。它封装了品牌的所有内容：加入他们的 2,000 多名企业家的电子邮件列表，并获得每周精选的有用工具的电子邮件，您可以尝试这些工具。

来源：startupresources.io

最后，你应该从这篇文章中得到的主要建议是你的主页必须是你自己的。即使您不遵守我们上面列出的任何建议，即使这些想法都不吸引您——那完全可以。

设计一个符合您想要的主页，以及您认为您的观众会欣赏的主页。让它展示你作为一个品牌和品牌背后的一群人的真实身份。

为了说明这一点，这里以 Ahrefs 为例。他们结合了我们所说的一些元素：伟大的 CTA、冷酷的数字、产品截图、吹牛的权利——但他们的主页实际上远不止这些。这是他们品牌的反映，这就是为什么它运作得如此出色的原因。

资料来源：ahrefs.com

看看我们列出的一些设计理念，然后开始勾勒出您自己的主页设计。请记住，这将是一项永远在进行的工作——您将永远有更多的想法，并希望让它变得更好。在您觉得页面有效、与您的品牌和目标受众一致的地方切断自己，然后将其拿出来进行试驾。