11个引导网站设计的最佳例子

当人们访问你的网站时，通常他们看到的第一页就是你的主页。

与63%的营销人员表示，寻找潜在客户是他们面临的最大挑战之一，你肯定想利用这一点，你的网站浏览量最高的页面之一。

试图确定在页面上包含什么但可能会让人不知所措。它应该说什么?它应该包含什么样的功能?

在主页设计方面，有很多潜在的机会经常被错过。一种确保你勾选了所有选项的方法是观看这个视频:

另一种方法是以身作则。

考虑到这一点，让我们来看看11家拥有出色主页的公司。

1.Databox

从我个人最喜欢的一个开始， Databox是一个关键性能指标(KPI)仪表板，为业务实时提取数据。

然而，直到几个月前，主页上的信息并没有反映出他们真正的销售对象。

Databox的市场总监解释道在此之前的几年里，Databox更多地面向企业内部的高管和分析师，使他们能够在任何时间、任何设备上了解自己的业务表现，但重点是移动设备。

事实证明，面向企业销售是很困难的，所以到2016年年中，该公司开始转向面向大众市场，选择面向大众市场一个免费增值模式允许用户注册并免费使用产品。

为什么他们的主页有用:

• 向他们的受众定向发送信息．当你继续向下滚动页面时，你会看到不同的部分，它们讲述了读者最常见的痛点。作为企业所有者、市场营销人员和销售领导者，我们总是在赶时间，而Databox正是利用了这种感觉。我们都知道，为了做出推动销售和市场的明智决定，我们需要分析我们的数据，但我们什么时候才能把它融入到日常生活中呢?
• 动态信息传递以保持你的注意力——开始的问题变成了“你知道你今天的营销表现如何吗?”和“你知道你今天的销售表现如何吗?”
• 选择立即开始，并有额外的销售文本告诉你它是“永远免费”。

如何改进:

• 将动画移到页面下方。我快速浏览网页，当我向下浏览主页时，我错过了一半的信息，因为它仍在淡入眼帘。

2.RedShelf

在不断扩大的数字世界，RedShelf为学生和出版商提供电子书。听说RedShelf后，我觉得它真是个天才，但还是忍不住问，为什么一个教科书出版商要卖电子书呢?他们会看到收入少60%每本书出售。

然而，从长远来看，RedShelf能够利用自己的模式帮助发行商赚到更多的钱。由于电子书不能转售或转售给其他学生，“出版商每年通过出售书籍赚得更多的钱，而不仅仅是当书籍不再使用或推出新的版本来鼓励学生购买新书时。”

为什么他们的主页有用：

• 清晰的号角(CTA)．我立刻知道如何搜索书名，并被引导到一个页面，在那里我可以找到并购买这本书。
• 每个观众的信息是独立的。想要面向不同需求的受众进行营销是很困难的。RedShelf在保持导航的整洁方面做得很好，并且清楚地说明了为什么出版商、学校和学生都想要它的产品。
• 分开的联系选项支持和销售。当你试图在销售前景中导航时，没有什么比收到一个支持问题更令人沮丧的了，而你的客户也希望尽快得到他们问题的答案。对于双方来说，轻松区分如何联系技术支持和销售是至关重要的。

如何改进:

• 吸引更多关注畅销书。在最畅销的电子书下面添加标题和作者，让它更清楚地知道这些书是什么。仅仅依靠封面图片是很困难的。

3.Evernote

Evernote的数字记事本可以让你在多个设备上同步你的想法和笔记。我用这个产品已经有一段时间了，我喜欢它。我可以一边旅行一边在书上做笔记，在公司的读书俱乐部会议上把它们放在我的桌面上。

为什么他们的主页有用：

• 动态消息．在英雄宣言之前，“见见印象笔记，你的第二个大脑。”appears, different messages scroll in the same spot to keep the user engaged -- “Remember everything. Get organized. Succeed together.” Simple messages that help explain what the product enables you to do.
• 简单的注册。除了传统的电子邮件和密码注册，Evernote还允许用户使用谷歌账户注册。

如何改进:

• 结合其他的号角。在整个主页上，实际上只有两个行动号召:免费注册和了解Evernote业务。虽然能够免费创建一个账户是一个巨大的吸引力，但我知道Evernote有很多内容可以用来帮助用户注册，比如多种计划提供、客户故事和用例。
• 明确图像是视频。我花了几分钟在页面上滚动，才发现用来描述产品的三张图片实际上都是提供进一步背景的视频。与72%的企业表示视频提高了他们的转换率你想把它做好。

4.Ellevest

Ellevest是专门为女性打造的数字投资平台。首席执行官兼联合创始人莎莉·克劳切克描述了当她意识到金融行业已经建立起来时的“啊哈”时刻。为男人，为男人。”

女性面临着完全独特的收入生命周期，这是许多投资公司和公司没有提及的。例如，你知道女性的工资在40岁达到顶峰，而男性的工资在55岁达到顶峰吗?

Ellevest的短信解决了以女性为中心的财务问题，并开发了一款软件来做同样的事情，这样就可以帮助女性规划未来，在未来，她们可能赚得更少，但寿命可能比男性长。

老实说，这是我唯一愿意签约的投资公司，感谢他们的网站。

为什么他们的主页有用:

• Ellevest真正了解它的受众。这些信息是直接与女性对话的，语调是对话式的、真实的，而不是像大多数金融顾问和投资网站那样古板和陈腔滥调。
• 一个简单的文字-动作。“Get Yours”的信息是强大的，并立即指导用户创建一个帐户。
• 社会证明。我喜欢它们在标题下方直接引用了一些对公司的正面评价。此外，三份出版物中有两份以女性为主要读者。

如何改进:

• 换个标题。虽然当前的信息是强有力的，但它并没有立即促使我采取行动。在主页的下方，有一条信息以更直接的方式表达了女性的担忧——“我们更长寿。”我们没有同工同酬。难道我们不应该使用为我们创造的金融工具吗?”如果这是标题，我会立即点击" Get your " CTA。

5.Basecamp

这个项目管理系统近年来呈指数级增长，目前已注册了250多万个账户。

为什么他们的主页有用

• 一个能引起共鸣的形象。公司经常使用与产品或用户几乎没有任何关系的库存照片或图像，但Basecamp完美地做到了这一点。他们利用在管理项目时经常感到不堪重负的感觉。
• 免费服务解释了注册的好处。在“免费试用Basecamp”的号召下，有一个简单的复选框，它回答了一个不约而至的问题:为什么要免费试用Basecamp ?
• 明显的客户支持。主页展示了来自客户的三个统计数据和支持声明，为访问者提供了一个验证组件。

如何改进:

• 对齐的文本。首页上所有文本的中心对齐方式使其难以阅读。你的稿子越难读，就越有可能没人读。

6.本月好书

免责声明:我是个超级书迷。事实上，去年我想要一本《圣诞节月刊》，从那以后我就被迷住了。俱乐部提供了五精装书从每个月选择和收到直接上门为每月，季度，或年费。

为什么他们的主页有用

• 与流程对话的消息传递。“阅读。爱。重复一遍，“直接绑定到每月订阅模式，每月一本，让它听起来很有趣。
• 用户被本月的选择逗乐了。在主页的下方，您可以看到本月精选的部分，但是为了查看提供的书籍，您需要首先创建一个帐户。这好奇心有助于激发注册的动机．
• 一个清晰的“它是如何工作的”部分。这是必须的，因为网站上没有其他地方解释俱乐部的运作过程。

如何改进:

• 让我们一窥过去的书籍。人们注册的一个巨大障碍是不知道他们可以选择什么样的书。回顾一下之前提供的内容将有助于克服这一障碍。

7.慈善:水

这个非营利组织的目标是为发展中国家的人们带来干净安全的饮用水。

为什么他们的主页有用：

• 直接的消息。主页上的英雄信息写道:“地球上的每个人都值得拥有清洁的水”——这是你不能反对的。它还包括一个简单的CTA，字面上说“我同意”，这导致捐赠页面。
• Exit-intent弹出。我个人很讨厌弹出窗口，因为它们会打断我的用户体验，但对我来说最管用的是退出意图。有了它，慈善事业:水为你提供了一个保持联系的机会，即使你选择不捐赠。
• 参与的机会。在主页的下面，有一个完整的部分，告诉你如何参与。为用户提供多种行动选择将有助于提高转化率。

如何改进:

• 突出的影响。指出洁净水对社区如此重要的原因将有助于游客参与其中。尽管在主页上有一个“慈善:水已经为全世界700万人资助了24537个水项目”的栏目，但你必须深入挖掘才能发现这项使命到底有多大的影响力。与90%的购买决定都是无意识做出的在美国，激发情感是很重要的。

8.Warby帕克

我迷恋沃比·帕克，我甚至不需要眼镜。

他们的商业模式是，人们可以选择五种不同款式的眼镜，然后将它们直接运到家里，在自己的时间试穿。一旦人们选择了他们想要的风格，他们就可以购买镜框(通常比实体店提供的价格便宜得多)，并按处方配药。

自成立以来，该公司已经扩展到提供家庭试用太阳镜，现在为那些喜欢亲自购物和预约眼科检查的人开设了实体店。

为什么他们的主页有用：

• 一个交互式测试。Warby Parker创建了一个交互式测试，用户可以通过测试来获得他们可能想在家里试用的眼镜的推荐，鼓励免费试用注册。这创造了一个有趣的，低摩擦的方式，让访问者转换和选择他们的营销电子邮件。
• 位置仪。当在线零售商也有店面的时候，最好在其中加入一个行动号召，让用户在他们附近找到一个店面。

如何改进:

• 提供新的样式提醒。由于整个公司都是围绕着以更低的价格获得时尚眼镜而建立的，Warby Parker应该为那些想知道何时添加了新款式的人设置电子邮件提醒。
• 突出的电子邮件更新。主页上的电子邮件选项一直在底部，而一个简单的退出意图弹出窗口可以让公司捕捉到联系信息，如果有人不打算浏览或购买就离开。

9.Mailchimp的

Mailchimp是一个比较知名的电子邮件营销系统(特别是对于那些预算有限的人)，自称是世界上最大的营销自动化平台。

为什么他们的主页有用：

• 可操作的信息。整个主页的每个主要部分都以一个动作动词开始——“发送”、“查找”、“自动化”。
• 产品照片。视觉上展示你的产品是一种很好的方式，可以让用户在注册一个账户后，先睹为快。
• CTA的导航。Mailchimp在导航栏中有一个“免费注册”的号召，当你滚动时，它会一直跟着你，这让注册一个账户变得更加容易。

如何改进:

• 在页面上直接添加一个表单。在页面的最底部还有一个“免费注册”的号召行动按钮，它将用户重定向到登录页面。将表单直接嵌入到主页上，用户无需再多走一步。

10.Hootsuite

Hootsuite可以让你在一个统一的地方安排公司的社交媒体帖子。

为什么他们的主页有用

• 英雄宣言准确地定义了公司的所作所为。即使你从未听说过Hootsuite，你也可以清楚地了解如何利用这个平台——“在一个地方管理你所有的社交媒体。”
• 文字-动作选项。并不是所有人都愿意立即注册免费试用。如果用户还没有准备好提交，提供“比较计划”选项是驱使他们进入第二步的好方法。

如何改进:

• 限制了号角。当你试图决定在你的主页上有多少个号召行动的功能时，这是一个艰难的平衡。你不想给用户太多选择，但也不想影响他们的体验。让用户选择“了解更多信息”、“下载完整报告”、“开始30天免费试用”、“注册”和“比较计划”有点太多了。精简他们的经验，限制呼吁采取行动的次数。

11.Quickbooks

Quickbooks是小型企业的顶级会计软件之一。

为什么他们的主页有用:

• 使用视频作为背景。主页上的英雄部分的视频背景介绍了使用该软件的用户，并展示了从桌面到移动设备，该平台对设备的友好程度。
• 有限的时间提供。促销折扣和限时优惠有助于鼓励用户购买。

如何改进:

• 更多内容在上面。虽然我很喜欢视频背景，但并不是所有的设备都显示信息，你有失去用户的风险。将绿色内容块稍微抬高一点，可以确保即使是在13英寸的MacBook上，用户也能准确地读取你的信息。

如果你一直在跟进，那么很容易就能找到常见的收获。

首先，总是用一种清晰的、对话式的方式和你的目标受众说话，这样会引起很好的共鸣。其次，包括让用户立即接受提议的行动，将他们作为线索。第三，确保你的导航——无论是在主页的下方还是整个菜单——是容易理解和遵循的。

一旦你抓住了机会，别忘了培养他们。主页只是个开始。如果用户转换，你可以通过电子邮件营销，个性化信息，并根据他们的兴趣或人口统计提供满足他们的体验。

你能想到什么很棒的主页例子吗?请在下面的评论中告诉我!