文章目录+
「引领未来,创造可能。」很好。你到底做甚么?
01 / 先说答案
第一屏唯一任务:让合适的人愿意继续
首屏真正工作不是说服,而是分类。它要帮合适客户快速留下,亦容许不合适的人快速离开。若文案为了迎合所有人而变得空泛,表面受众更大,实际上没有人觉得和自己有关。
02 / 判断顺序
访客先判断自己有没有进错门
情境示例,并非实际客户案例:一间香港企业培训公司把首屏写成『启发潜能,共创未来』,HR、学校家长和求职者都可能以为和自己有关。改成『为 50–500 人团队设计可量度的管理培训,由需求访谈到课后跟进』之后,访客少了一部分,企业咨询反而更具体。
客户不是在一个页面内作决定;它系带住你个页面,走入另一个决策环境。
第一屏不需要讲晒,但一定要令下一屏值得看
一个企业培训页如果只写「释放团队潜能」,读者仍不知道是管理课、语言课还是户外活动。示例改写可以是「为新任主管提供企业内训:以你团队的工作情境练习回馈与分工」。它没有保证业绩,却先交代服务、对象同方法,令合适人士知道值得继续看。

03 / 五秒问题
五秒内需要回答的不是公司历史
Nielsen Norman Group 将首页形容成给潜在客户的 elevator pitch,应快速讲清楚机构做什么和用户可以完成什么;五秒测试亦用来捕捉初步理解。重点不是五秒内读完整句,而是视觉和语义有没有指向同一个答案。
首屏至少要完成四个判断:这家公司公司服务哪个、处理什么商业问题、提供什么类型结果、下一步会发生什么。案例数字、客户 logo 或认证可以降低风险,但只有在主张已清楚时先有意义;否则证据只会替一个模糊答案加装饰。
04 / 管理误判
首屏塞满卖点,反而提高理解成本
企业常将内部最重视的东西放最前:成立年份、品牌使命、奖项、创办人说话。客户第一秒问的却是『关不关我事』。把公司历史放在客户自我辨认之前,等于要求陌生人先关心你,先至获准知道你可不可以帮它。
我不是反对漂亮句子。只是第一屏的位置太贵,不太适合让读者猜谜。

05 / 四句框架
用四句话建立一个可行首屏
- 五秒后,测试者可否讲出目标客户,而不只讲到行业。
- 主标题可否用一句正常说话讲清楚问题和结果。
- 副标题有没有加入范围、方法或限制,令承诺可相信。
- 主要行动有没有讲明按下后会发生什么,而不是只写『了解更多』。
- 手机首屏有没有被 cookie、浮钮、轮播和过大相片遮住。
第一屏的证据要跟承诺配对。话自己擅长技术修正,就展示可理解的诊断及验证方式;话课程贴近实务,就交代教材如何贴近工作情境。奖项同客户标志可以补充,但不应代替读者最关心的具体资料。无法公开名称的案例,可以明示匿名及限制,不好暗示不存在的背书。
06 / 移动端执行
从手机窄屏开始重写
先在没有图片与动画的情况下,写清楚服务对象、解决的商业问题、可信理由及下一步。文字本身站得住,视觉才有放大作用。
- 用一句话说清楚为谁处理什么问题。
- 补充一个具体限制、成果或方法作为可信理由。
- 只保留一个主要行动,降低次要行动的视觉权重。
- 在 320px 手机宽度及较慢网络下测试完整首屏。

07 / 成效衡量
衡量理解与前进,而不只看跳出
| 观察层 | 要记录什么 | 管理上代表什么 |
|---|---|---|
| 理解 | 五秒测试后能否说出服务与对象 | 直接检查信息清晰度 |
| 前进 | 向下浏览、查看服务或案例的比例 | 显示首屏是否建立兴趣 |
| 行动质量 | 首屏触发的合格对话比例 | 避免把误触视为转化 |
「第一屏」亦不是固定高度。小手机、字体放大、浏览器工具列同翻译后变长的句子,都会改变可见范围。应保住标题、简短说明及一个合理下一步的次序,而不是把文字压细,勉强塞入某个设计稿高度。
08 / 常见问题
设计第一屏最常见的三个问题
Logo 是否应该放大?
Logo 要清楚,但通常不应比客户问题更抢眼;陌生访客首先要知道你做什么。
能否使用轮播?
轮播会分散主信息,而且很多人不会等待第二张。若有多项服务,应先用一个上位价值主张统领。
一定要放价格吗?
未必,但首屏至少要让合适客户了解服务层级或合作性质,避免所有人都误以为适合。

09 / 限制与结论
清楚,比聪明更有商业价值
已知品牌、会员入口或纯交易产品未必需要同样篇幅解释;访客可能本身带住明确目的。但即使品牌熟悉,首屏仍要避免令主要任务被宣传活动、弹窗或多个同等 CTA 淹没。
一个好首屏不会令所有人都想继续;它会令对的人觉得『这家公司公司明白我现在要解决的事』,亦令错的人不使浪费时间。
先让人看懂,再让人欣赏。次序很朴素,但有用。
10 / 资料注脚
资料与延伸阅读
以上资料只用作理解机制及建立测试假设,并不代表任何海外结果会在香港企业自动重现。