landing-page-craft

着陆页设计

围绕真实决策构建页面，而不是堆砌时髦版块。在添加润色之前，先让用户看懂、相信并能采取行动。

工作流

1. 检查现有品牌、产品、受众、流量来源、内容、分析需求和技术限制。
2. 用一句话写出转化简报：
   • 受众；
   • 情境或意图；
   • 提供内容和具体结果；
   • 首要行动；
   • 最大顾虑。
3. 盘点可用的证明材料：产品界面、示例、客户证据、指标、创始人专业经验、政策、集成、安全性或流程。绝不捏造证明材料。
4. 选择页面论述脉络。只按需安排版块，推动受众从认同问题到建立信心，再到采取行动。
5. 设计首屏，回答以下问题：
   • 这是什么？
   • 适合我吗？
   • 如果有效，会带来什么改变？
   • 我接下来该做什么？
6. 先撰写具体文案，再调整布局。让标题传达有用信息，让 CTA 明确其去向，并确保宣传力度与证据相称。
7. 选择符合所提供内容的视觉方向。使用产品界面、真实工作内容、相关图片、数据或交互作为证明，而不是营造泛泛的氛围。
8. 使用项目现有技术栈，实现语义化、响应式且高性能的 UI。涵盖重要的加载、错误、表单和成功状态。
9. 在相关决策附近放置证明材料和风险逆转信息。不要把所有信任信号都堆进同一面 Logo 墙。
10. 在移动端和桌面端验证完整的操作流程，包括键盘操作、表单验证、目标页面，以及适用时的追踪钩子。

页面规则

• H1 应传达所提供的内容或结果，不必重复品牌名称。
• 每个决策点只设一个首要行动。次要行动应减少不确定性。
• 尽早使用真实内容和符合实际的文案长度，以便暴露布局问题。
• 避免为了显得丰富而堆砌版块、反复使用功能卡片网格、虚假推荐、虚假稀缺感和缺乏依据的最高级表述。
• 不要隐瞒重要的价格、续订、隐私、资格条件或取消信息。
• 确保重要内容无需装饰性动画也能获取。
• 将性能、无障碍性和响应式行为视为转化功能。

交付要求

提供或实现以下内容：

1. 转化简报 - 受众、提供内容、行动、顾虑。
2. 页面论述脉络 - 按顺序排列的版块及其回答的问题。
3. 证据映射 - 宣传主张 -> 附近的证明材料。
4. CTA 映射 - 标签 -> 目标页面 -> 成功后的行为。
5. 已实现的页面 - 需要修改代码时提供。
6. 验证 - 移动端和桌面端截图或检查结果、键盘操作流程、表单状态和链接检查。

参考

选择页面结构、证明材料的位置、CTA 文案和风险逆转方式时，请阅读 references/conversion-flow.md。