- 访客打开首页，几秒钟内就决定要留下还是离开。首页最上面那一块（Hero 区）要马上回答三个问题：你是什么？为谁解决什么问题？下一步做什么？
- 一个好用的首页顺序：Hero → 客户困扰与解法 → 产品或服务 → 社会认同 → 品牌故事 → 再一次 CTA。
- 首页文字可以直接用市场调研写出的关键信息和客户的原话。
先看场景
美玲原本的首页最上面是一张大大的曲奇照片和一句「欢迎来到我的小店」。访客看不出卖的是什么、有什么特别。她改成：标题「少糖手工曲奇，像外婆做的那样」，副标题「送礼、招待、小孩零食都放心」，下面一个按钮「看看今天有什么」，旁边是曲奇装进礼盒的照片。往下依次是三个分群的卖点、热卖礼盒、客户评价、她的故事，最后再放一次 WhatsApp 订购按钮。
重点内容
首页的区块顺序
| 区块 | 要做到 | 例子 |
|---|---|---|
| Hero 区 | 标题说出好处，副标题说明对象，一个主要按钮 | 「少糖手工曲奇，像外婆做的那样」+「看看今天有什么」 |
| 困扰与解法 | 说出客户的困扰，说明你怎么解决 | 「怕太甜？我们减糖三成，口感不变」 |
| 分群卖点 | 针对两三个分群各一段 | 送礼 / 节庆招待 / 小孩零食 |
| 产品或服务 | 三到六个最重要的，附价格或「查看详情」 | 热卖礼盒、口味选择 |
| 社会认同 | 评价、客户照片（经同意）、合作过的公司 | 「已为 120 家公司准备中秋礼盒」（要真实） |
| 品牌故事 | 短版故事 + 真人照片 | 外婆的配方 |
| 收尾 CTA | 再给一次下一步 | 「WhatsApp 订购」 |
Hero 区的检查清单
- 标题说的是好处，不是店名或「欢迎光临」。
- 照片是真实的产品或人，不是跟你无关的图库照。
- 只有一个主要按钮，颜色要跳出来。
- 手机上打开，标题和按钮不用往下滑就看得到。
社会认同区
- 评价要附上称呼和具体内容，「很好吃！」不如「送了 30 盒给客户，好几位问在哪里买」。
- 截图评价要遮掉个人资料，或先取得同意。
- 合作过的公司 Logo，要先问对方能不能放。
动手任务
- 用上面的表格写出你首页每一个区块的文字。
- 做好 Hero 区，用手机检查标题和按钮是否一眼看到。
- 请一位不认识你生意的朋友看首页五秒钟，问他：「这是卖什么的？为谁？」
常见误区
- ❌ 首页标题是「欢迎来到我的网站」，浪费最重要的位置。
- ❌ 首页放了十几个按钮和轮播图，访客不知道该看哪里。
- ❌ 编造评价或夸大数字，被发现后信任全失。