所有具有良好用户体验和高转化率的网站都遵循一些基本布局原则。如果忽视这些原则，你更有可能最终创造出一件看起来不错的艺术品，而不是一个好网站。

一个良好的首页或落地页回答了三个问题：

1. 谁？

2. 什么？

3. 如何？

你是谁？你在做什么？你将如何帮助我？最好在屏幕的第一屏幕上回答这三个问题，无需滚动即可。当访问者得到这些问题的答案时，他们将决定是否有兴趣了解更多内容并向下滚动或访问其他页面。

因此，如果我们打破一个体面的网站结构，在顶部，我们可以看到带有标志的导航栏，回答了“谁”的问题 - 这个网站属于哪家公司或个人。

在下面的大部分是称为主要部分的部分。通常，它简要回答了所有三个主要问题。有一个大标题，下面跟着一句或一段较小的文字，解释这家公司/个人正在做什么以及他们如何帮助我解决我的问题（如果我有的话）。之后最好有一个行动号召（CTA） - 一个访客可以点击以执行必要操作的按钮。

由于主要部分中的简短介绍通常不足够，下面的所有内容都会以更详细的方式揭示“谁”，“什么”和“如何”。通过描述产品的特点并将其与竞争对手进行比较，展示各种视频和图像，分享见证和文章链接等方式实现这一点。

这样，每个页面部分都有一个目的 - 促使用户采取行动。说服他们这正是用户所需要的。CTA可能会导致购买某物，订阅服务或通讯通讯，或联系公司。因此，一个出色的首页讲述了故事。贯穿整个首页的简化故事听起来像这样：

你好，我们是设计机构 X。我们可以通过这些服务将您的品牌提升到新的水平。这是我们的作品集。这是其他人对我们的评价。顺便说一句，这是我们的收费标准。还有任何问题吗？问我们。您是否已经被说服开始您的业务转型？现在开始吧。

让我们看一下下面的 Brevo 首页示例。

它具备一个良好的首页应有的一切：清晰的导航和主要部分中的介绍，通过过去客户和见证增加可信度的信息，一个展示其产品主要特点或优势的部分，以及非常重要的 - 引导用户执行所需操作的清晰 CTA。每个接下来的部分都加强了核心提议。

顶部的主要 CTA 与导航栏固定在一起，当您滚动时随时可见。每当访客被说服时，轻松点击按钮并注册。这就是转化的工作原理。

不幸的是，有大量网站看起来很酷，令人叹为观止，但在提供价值方面却毫无用处。如果您访问 Awwwards，您会发现有很多这样的网站。

如果目标是用网页开发技能给人留下深刻印象，那么这完全没问题。我不反对漂亮的网站和艺术，我喜欢自我表达。但所有这些与可用性和良好的转化率毫无关系。

用户被困在非传统的导航中。页面水平滚动，然后突然又回到垂直滚动。按钮随处可见，巨大的字体大小此起彼伏。在这样的网站上寻找东西就像大海捞针。人们盯着这个引人注目的美感看了一会儿，然后关闭了标签页。

我到处都注意到的另一件事是广泛使用滑块或轮播图。轮播图通常无法有效地吸引用户。轮播图的点击率（CTR）极低。研究表明，大多数用户不与其互动，重要内容很容易被忽略。

现在让我们一起构建终极首页布局，避免布局错误，并一路讲述一个故事。

首先，我们从一个导航栏开始。这里我们需要在左上角包括一个标志，一个站点菜单和一个 CTA。

接下来是我们已经讨论过的主要部分。它将简要告诉谁是谁，他们在做什么，以及他们如何帮助我。最后会有一个突出的 CTA 和右侧的一些图像。

之后，可以更详细地讨论产品的特点或服务。这一部分将揭示公司正在做什么以及它提供了什么。

下一步是“关于”部分，它更多地介绍了公司本身。这里不需要讲一个三小时的故事。为此，可以为感兴趣的人提供一个指向单独页面的链接。

接下来是见证或案例研究。它们的主要目的是通过展示人们使用和喜爱该服务来增加可信度。如果有任何知名公司也在使用它，那么在这里添加他们的标志是一个好主意。

当故事讲述完毕时，重要的是用一个清晰的联系表单结束。不需要在其中添加 10 个不同的字段。每增加一个字段都会减少填写它的人数。

最后，有一个包含站点地图和社交链接的页脚。不难，对吧？现在让我们看看最终的模拟图。

你刚刚阅读的这些简单布局规则并不是铁板钉钉的。总是有一些创造性的空间，可以重新排列和添加元素。这只是人们在访问网站时更习惯的方式。对于一个具有商业目标的网站，一致性和熟悉度是实现高转化率的首页布局的关键方面。如果网站为企业服务，那就让它达到商业目标，把艺术留给艺术家。