申请项目咨询
🚀 Case Study #019

启动主页,
说服三个观众

产品对客户的价值、对投资者的吸引力、对人才的愿景。
用一个主页吸引三位访客的设计指南

发布 ⏱️阅读时间约17分钟 🎯 启动

1. 执行摘要

创业网站不是公司介绍材料。 同时接待三种类型访客的销售柜台没看到。客户来问“这个产品能解决我的问题吗?”,投资者来问“这个团队能赢得这个市场吗?”,求职者来问“我能在这里工作成长吗?”如果这三个问题中任何一个的答案都是空的,观众就会悄悄离开。

如果您从必填页中回答,则有七个。 主页、产品/服务、公司介绍/团队、客户案例、招聘、博客/资源、查询。 然而,没有理由从营业第一天起就拥有全部七个。从一页开始并随着公司的发展而扩展它在成本和管理负担上要轻得多。

本文按照三个受众分别看到哪些页面的顺序、第一行(价值主张)使用什么公式、在哪里放置信任元素以及如何逐步扩展来介绍。

关键信息

大公司的主页是一个重申已知品牌的空间。初创公司的主页有所不同。 您需要在 15 秒内让人们相信一家他们从未听说过的公司。没看到。

因此设计标准被颠倒了。你应该从“访客来看什么”而不是“我们想说什么”开始。

2.创业网站的三倍受众

初创公司主页的访问者主要分为三种类型。称重产品介绍 顾客,正在考虑投资 投资者,考虑换工作 天赋。三个人输入同一个地址,看到的东西完全不同。在不知道这种差异的情况下创建的主页通常以“我们的公司历史”开头,最终使这三个页面变得无聊。

2.1 客户看到产品价值

客户只想在第一个屏幕上看到一件事, “这能解决我的问题吗?”没看到。判断很快。查看单个标题和第一个屏幕截图,然后决定是滚动还是按返回。

向下滚动后,客户正在寻找三件事。和我类似的公司已经在使用它了吗(客户故事),价格是多少,在哪里可以查询?如果该行中有中断,则转换将在那里停止。

2.2 投资者看市场、团队和吸引力

审计员经常在会议前先打开网站,然后再查看 IR 材料。确认点有三点: 市场(你要解决什么问题?)、团队(谁在做)、牵引力(它真的有效吗?)没看到。

这里发生的一个常见事件是消息不匹配。如果您在 IR 平台上写下“B2B SaaS”,并且您的网站说它就像一个消费者应用程序,那么审阅者将开始质疑您团队的一致性。即使根本没有团队页面或博客已停止一年,也可以将其视为相同的信号。

2.3 人才看到文化和愿景

申请人必须在看到招聘信息后访问该网站。薪资表都在公告里了,在网站上找就是另外一回事了。 公司想去哪里(愿景),他们将与什么样的人一起工作(团队),以及公司是否还活着(最后一篇博客文章的日期)。如果你是开发者,你甚至会看技术博客上的帖子水平。

观众 访问原因 心中的疑问 浏览次数最多的页面
顾客 搜索、广告、好友推荐 “这个产品能解决我的问题吗?” 主页、产品/服务、客户案例、询问
投资者 会议前预审、交易寻找 “这支球队能赢得这个市场吗?” 公司介绍/团队、客户案例、博客
天赋 职位空缺、社区、建议 “如果我在这里工作,我能成长吗?” 招聘、公司介绍/团队、博客

那么第一屏应该以谁为主角呢? 这是一位顾客。 因为这三个人中,他是最不耐烦、最容易离开的访客。投资者和人才带着目的而来,因此他们从菜单中找到自己的页面并进入。您所需要做的就是向客户提供第一个屏幕,并保证其余两个受众可以在两次点击内到达专用页面。

3. 所需页面的构成

公司主页需要七个基本页面。页数本身并不重要,重要的是 角色这意味着它必须存在于某个地方。在一页上组合两个角色很好,但如果完全省略一个角色,您就会失去特定的受众。

页 主要受众 关键角色
家 所有三个 在 15 秒内传达“我们做什么”并将每个受众分为子页面
产品/服务 顾客 不要列出功能,而是解释“引入后会发生什么变化”,提供价格指导或联系信息。
公司介绍/团队 投资者、人才 使命,“我们为什么要解决这个问题”,以及创始人和核心成员的传记?
客户案例/参考 客户、投资者 实际引入结果的证明、牵引力的证据
就业 天赋 空缺职位、工作方式、申请流程
博客/资源 所有三个 这是公司还活着的标志,是搜索和人工智能推荐大量涌入的门户
询问 顾客 转换实际发生的点,尽可能最短的形式。

我应该首先创建哪个页面?

顺序是 先回家再询问没看到。没有这两个,它就不是主页而是传单。接下来是产品/服务,然后是公司介绍/团队。客户案例不是强制创建的,而是在第一个案例出现当天上传。当您开始招聘人员和开始构建内容时,可以打开招聘和博客。

当页面增加时报价如何移动? 网站制作成本结构 文章中对此进行了单独介绍。简单来说,成本取决于每个页面的设计是否不同,而不是页面数量。

为什么你不应该在公司介绍页面上填写历史列表

“2024年3月法人成立,2024年9月种子招商……”没有人读这个年表。投资者和申请人实际上阅读了两件事: 为什么创始人会陷入这个问题?, 和 核心成员有着怎样的背景? 一段关于在以前的工作中亲身经历过这个问题的段落比十行历史更有力量。您可以将历史记录放在下面。

查询表中的三个空格就足够了。

如果你在询问页面上询问所有信息,包括姓名、公司名称、职位、电话号码、电子邮件、预算和预计介绍时间,你就会在写到一半时离开。 三个空格——姓名、联系信息和查询详情——就足够了。 其余的你可以在第一次见面时询问。

如果您在表格底部写下回复承诺,例如“1个工作日内回复”,提交负担将再次减轻。当然,这个承诺必须遵守。

Message

4. 信息设计:价值主张

屏幕的第一行写为公式。 “[如何]为[某人]解决[某些问题]。” 填写所有三个字段的句子是一个价值主张。如果这一行是空的,无论你的设计有多好,你的访问者都不会滚动。

为什么“创新解决方案”会失败?

一半的早期初创公司主页的第一个屏幕上会出现“创新”、“领先”和“优化解决方案”等词语。问题是这几个字 无论你应用到哪家公司,它都是有意义的。重点是。访客前来寻找与他或她的问题相关的单词,但由于屏幕上只出现了与他人无关的单词,因此他在 3 秒后离开。

公式的三个空格怎么填

  • WHO: 你越缩小它的范围,它就会变得越强。不是“所有公司”,而是“员工少于50人的制造商”,或者“商场CS团队”。让不是你目标的人离开并没有什么坏处。因为无论如何我都不是顾客。
  • 任何问题: 使用客户实际使用的词语。它从客户的说法(“订单分散在各个渠道,所以结算是地狱”)开始,而不是内部术语(“全渠道商务赋能”)。
  • 如何: 只选择一个差异化因素。快速、便宜、自动,如果你三者兼而有之,他们都不会被记住。

Before / After

Before: “以创新的人工智能技术引领业务数字化转型”

After: “对于商场CS团队的反复询问,AI首先做出回应。”

之后包含谁(商场CS团队)、问题(重复询问)、解决方案(AI第一响应者)全部在一条线上。读《Before》的访客不会知道任何事情,但读《After》的CS队长会觉得,“这就是我们的故事”。

子文案和 CTA 按钮

标题下方的副文案负责具体说明。如果标题是承诺,那么副文就是证据。提供一两行关于“您处理的重复查询的百分比以及您如何处理它们”的内容。

避免在 CTA 按钮文本中使用“了解更多”。规则是在按钮上写下按下按钮时会发生什么。显示行动和结果的短语,例如“免费开始”、“注册观看演示”或“就采用事宜联系我们”,会增加点击量。第一个屏幕上只需要一个按钮。如果你有多个,优先级就会变得模糊。

5.放置信任元素

没有人相信他们第一次听到的公司的自我介绍。使你相信的手段就是信任要素,有四种类型。 客户徽标、数字牵引力、新闻/奖项、认证/安全。 就像你拥有什么一样,你把它放在哪里决定了过渡。

  • 客户标志: 这是最强大的元素。经验法则是在英雄部分的正下方放置 5 到 8 条徽标带。您的访问者知道的一个徽标可以代替 10 行长描述。但是,在发布之前请务必检查合同中的徽标使用条款。
  • 数值牵引: 我们仅使用可验证的数字,例如已处理案例的累计数量、使用该产品的公司数量以及保留率。如果您将时间指定为“基准:2026 年 2 月”,信任度就会上升一级。
  • 报告/奖项: 媒体报道、政府支持项目评选、获奖历史。主页上仅显示徽标或一行文字,详细信息将转移到新闻页面。
  • 身份验证/安全: ISO 27001、ISMS等安全认证以及风险业务验证等。对于B2B SaaS来说,通过客户的安全筛选不是摆设,而是实际要求。将其放置在页脚和联系页面附近。

部署原则之一。 为访客每一个有疑问的时刻提供理由。 徽标带放置在您阅读标题并思考“真的吗?”的位置。 (英雄正下方),顾客评论就在你看到价格犹豫的地方,认证标志就在你看到面前表格犹豫的地方。

如果您还没有可以炫耀的徽标怎么办?

大多数早期团队都陷入了困境。还有一个替代方案。 Beta测试者的数量和等待名单的规模也是牵引力,还有一种匿名发布试点客户评论的方式,例如“国内中型物流公司的物流团队负责人”(标注方法必须与客户商定)。创始人之前的工作经历、演示视频和详细的技术博客也是早期信托资产。简而言之,没有标志 经人和产品证明去做就对了。

膨胀的数字总会回来

当介绍审查变得严肃时,客户公司会进行参考电话,当投资变得严肃时,尽职调查就会开始。然后主页上的数字就全部匹配了。 如果发现一个夸大的数字,其余的真实数字也会受到质疑。

如果数量很少,那么从长远来看,诚实地写下它和续订日期是唯一的策略。

Roadmap

6. 按成长阶段划分的扩张路线图

从结论来看。 从一页开始,随着公司的发展增加页数。 如果你在预种子阶段创建一个7页的网站,就会出现空白页面,因为没有内容可填充,而空白页面比没有更糟糕。想想一个名为“客户故事:进行中”的页面给访问者的印象。

步 站点配置 这一步的目标 首页排名第一
MVP·预赛德 一页(英雄+产品概要+团队+询问表) 假设验证,首次客户获取 一条线的价值主张和查询流程
PMF 资源管理器(种子) 单独首页·产品·询价+首个客户案例 重复使用和回购证明 1个客户案例(比广告宣传的要好)
A轮融资之前和之后 + 公司介绍、团队、招聘、博客 招商引资、扩大招聘 团队页面和招聘页面大修
成长 + 资源中心,需要时提供多种语言 入境/品牌强化 内容运营系统(负责人/维护)

您在一页中放置了什么?

这是来自上层的命令。 价值主张 → 产品屏幕截图或演示 → 信任因素 → 团队 → 联系表。 需要注意的一件事是,当您稍后分离站点时,此滚动顺序将成为菜单结构。如果您在一页阶段就获得了正确的顺序,则在扩展时无需更改任何内容。

什么时候分开页面?

有三个信号:当一页滚动变得太长并且访问查询表单的人数减少时,当有两个客户案例并且有材料将它们捆绑到一个独立页面时,以及当招聘开始时。如果三者中的任何一个卡住了,就该将他们分开了。

扩张点通常也是考虑外包生产的时候。选择公司的标准和要避免的合同条件 网络代理机构选择指南我单独整理了一下。

Checklist

7. 结论和清单

如果你把创业公司的主页设计简化为一句话,那就是这样的。 第一个屏幕是根据客户标准创建的,投资者和人才寻求的页面不会被省略,并且它会随着公司的发展速度而扩展。

如果您现在有主页,请检查以下六个项目。如果要创建新的,只需将其放在计划旁边,然后将其一一删除即可。

  1. 价值主张: 屏幕第一行是否符合公式“[谁]解决[问题][如何]”
  2. 观众运动: 客户、投资者和人才能否在两次点击内到达他们正在寻找的页面?
  3. 信任因素: 第一个卷轴中是否至少可见两种类型的徽标、图形、报告和认证?
  4. 查询表格: 输入字段是否少于三个,并且从手机到提交没有阻塞?
  5. 生存标志: 最新的博客/新闻文章是三个月内的吗? (停止的博客被解读为停止的公司。)
  6. 空白页零: 您是否创建了现阶段无法填充的页面?

最后一件事。网站不是创建和完成的产品,而是与公司一起成长的资产。如果您有客户案例,请在当天发布,如果团队成员加入,请在该周编辑团队页面。访问者可以通过主页的更新速度来了解一个公司的速度。

该初创公司的第一个主页,
从右边开始

从一页 MVP 到 A 轮融资后的扩张,
Blue Canvas 设计适合您成长阶段的主页。

Contact

即使想法还不成熟也没关系。
让我们一起 梳理您的项目

请告诉我们您的现状与目标。 我们将为您梳理可行范围、推进方式及预估费用。

4个问题 · 约2分钟

项目范围

希望我们一起做哪些工作?

可以多选。如果还没确定,请选择“其他”。

预算

您考虑的预算范围是多少?

只提供大致范围,也能帮助我们制定方案。

项目说明

请告诉我们目前的情况。

不用写得很完整。点击下面的项目会自动填入框架。

0

最多可上传 2 份 RFP 或参考文件。支持:PDF、PPT、Word、Excel、JPG、PNG、ZIP

联系方式

我们回复到哪里?

请填写工作范围、预算、项目说明与联系方式。