先确定页面只承担哪一项行动

Landing Page 的任务，是帮助一类访客完成一项明确决定。这个决定可能是开始试用、购买、预约 Demo、提交需求、加入 Waitlist，或先查看一份真实结果。

页面上的标题、截图、功能、评价、价格和 FAQ 都服务于这项决定。它们不是独立模块。信息顺序需要顺着访客的疑问展开：这里是不是在说自己的问题，产品能不能解决，怎样工作，为什么可信，投入多少，下一步会发生什么。

常见页面已经包含所有模块，转化仍然不好。问题往往出在流量意图、产品承诺、页面证据和行动入口没有接在一起，继续增加一张评价或一个按钮也很难修复。

开始排页面前，可以先写一句：

这张页面面向【从某个渠道到达的一类人】，帮助他理解【一项结果】，最终完成【一个主要行动】。

例如：

• 面向搜索「批量处理商品图」的运营者，让他理解产品可以交付符合商城规格的图片包，最终上传五张图片试用；
• 面向收到定向邮件的招聘负责人，让他理解产品怎样完成早期候选筛查，最终预约一次基于真实岗位的 Demo；
• 面向社媒上看过演示视频的开发者，让他确认模板包含哪些启动能力，最终购买一个许可；
• 面向产品尚未完成的潜在用户，让他理解计划解决的问题，最终提交当前流程并加入测试。

同一个产品可以有多张 Landing Page。来自搜索、广告、合作伙伴和销售邮件的访客，已经知道的信息不同。页面应共享同一产品事实，再根据入口意图改变标题、案例和行动。

如果一张页面同时要求注册、订阅 Newsletter、加入 Discord、下载白皮书和预约 Demo，用户需要替团队决定哪项最重要。次要链接可以保留，主要行动应当清楚。

流量来源会决定页面起点

访客不会从空白状态进入页面。他刚刚看过一条广告、一个搜索结果、一封邮件或一位朋友的推荐。

页面需要承接这段上下文：

广告写「把一组商品原图整理成商城图片包」，落地页首屏却写「下一代 AI 视觉平台」，访客需要重新理解产品。语言、对象和结果应当连续。^[1]

页面版本还要记录对应渠道。来自高意图搜索的转化，不能与泛社媒流量直接比较；来自老用户邮件的访问，也不能作为陌生访客页面的基准。

先写一张页面说明

动手设计前，可以准备一页内容：

• 目标访客；
• 入口来源和已知信息；
• 唯一主要行动；
• 产品承诺；
• 当前替代和主要问题；
• 产品怎样工作；
• 最重要的三个结果；
• 可使用的证据；
• 价格或试用条件；
• 主要风险与反对意见；
• 页面不能使用的主张；
• 需要追踪的事件。

这张说明能防止设计工具决定内容。模板可以提供区块和排版，不能替项目选择用户、价值和证据。^[2][1]

页面开始有多个方向时，先回到唯一行动。每个区块都要回答一个会阻止行动的问题；无法说明作用的内容可以延后。

Hero 先完成识别

Hero 是访客进入页面后看到的第一组信息。它不需要解释全部产品，至少要完成四件事：

1. 让目标用户认出场景；
2. 说明主要结果；
3. 给出最低限度的工作方式或类别；
4. 提供清楚的下一步。

一个实用 Hero 可以包含：

• 标题：最主要的用户结果；
• 补充说明：用户、产品类别、机制和限制；
• 主要 CTA：说明点击后发生什么；
• 第一组证据：一项最接近承诺的可信信息；
• 视觉：产品结果、工作流程或真实使用场景。

首屏先写用户结果，再说明 AI、自动化或技术。例如，「突破英语听说障碍」比先介绍功能更接近用户目标；文档工具把杂乱文件变成有序结构，也比单独强调 AI 更容易理解。^[3]

标题没有统一字数。短标题容易扫描，复杂产品可能需要补充说明。判断标准是目标访客能否准确复述，而非机械控制五到八个单词。^[1]

Hero 视觉要证明，不只装饰

视觉可以是产品截图、输入输出对比、短 Demo、真实结果、使用场景或交付样本。

选择时可以问：

• 它是否帮助访客理解结果；
• 是否展示真实产品状态；
• 图片中的文字在常用设备上是否可读；
• 视频不播放时是否仍能理解；
• 是否增加过多加载成本；
• 是否涉及未授权客户数据和品牌。

一个图片分析工具只放抽象渐变和手机模型，访客仍不知道会输出什么。更有帮助的方式是展示原图与分析结果，用对比或动态标注让用户直观看见处理过程。^[3]

早期没有完整界面时，可以用真实服务样本、可点击 Prototype 或录制 Demo。需要明确这是演示还是已经上线的能力，避免把未来界面当成当前交付。

问题区负责建立相关性

访客看懂标题以后，还会判断问题是否足够真实。问题区可以描述触发场景、当前流程和后果。

例如：

每周新品资料到齐以后，运营人员要在多个工具间逐张裁切、压缩和重命名。图片规格不一致时，上架前还会再次返工。

这段文字比「电商视觉效率低下」更具体。它让目标用户核对自己的流程，也为后面的解决方案准备因果关系。

问题区不必不断放大焦虑。它的任务是准确描述，不是让所有访客恐惧。夸张损失、虚构行业数字或把普通不便说成危机，会降低后续信任。

问题的深浅取决于入口。通过精确搜索词到达的人已经知道痛点，可以更快进入方案；低认知流量可能需要更多场景和教育。

方案区说明产品怎样改变流程

方案区要把功能放回用户任务。可以按「输入—处理—输出」说明：

1. 用户提供什么；
2. 产品完成哪几个关键动作；
3. 用户得到什么结果；
4. 结果怎样进入下一步。

页面可以使用三步流程、交互 Demo、前后对比或一段短视频。复杂机制不必全部展示，影响采用的条件需要说明。

功能卡适合回答不同价值，不能成为无优先级清单。每张卡都应连接一个用户动作或结果。例如「批量处理」可以继续写成「一次上传同一商品的多张原图，结果按商品编号打包下载」。

产品内部机制复杂时，页面的表现方式要贴近用户心理模型。自动售货机内部如何识别硬币并不需要暴露，用户关心选择、付款和取货是否符合预期。^[3] 数据、安全和专业判断等影响信任的机制，则应在后续材料中展开。

页面顺序要跟随疑问

Hero、问题、方案、社会证明、CTA、FAQ 和页脚是一套常用起点。^[1] 它不构成固定模板。顺序要看访客进入页面时最先缺什么。

几种常见调整：

• 新类别产品：Hero 后先放工作方式和 Demo，帮助理解；
• 高信任门槛产品：较早放客户、资质或安全证据；
• 明确搜索需求工具：较早让用户直接试用；
• 高价服务：先说明问题、方法和案例，再进入报价或咨询；
• 价格是主要筛选条件：较早展示价格和适用范围；
• 低价熟悉品类：可以更快进入产品、价格和购买。

每个区块开始前，可以写出它回答的问题。若两个区块都回答「产品有什么功能」，其中一个可能需要改成结果、证据或风险说明。

社会证明要解决具体疑问

社会证明包括客户评价、案例、评分、真实用户、产品使用、媒体、认证、合作和数据。数量越多不一定越有效。

可以按疑问选择：

Senja 的历史页面把产品 Demo、评价挂件、真实头像和职业、Logo wall、收集表单和嵌入组件放在同一叙事里。^[2] 评价产品本身用真实评价证明价值，证据与承诺距离很近。

评价必须真实、获得适当授权并保留原始出处。AI 编造姓名、头像和文字会破坏信任。Logo 也要区分正式客户、个人用户、技术兼容和媒体提及，不能用视觉暗示不存在的合作。^[2]