Communitygithub.com

落地页

编写并构建一个落地页,用于测试一个Offer的需求:一个访客、一个承诺、真实证明、一个行动号召、一个可访问的单文件HTML页面,以及启动后可读取的各项数据(访客数、注册数、各来源转化率)。适用于创始人想要创建落地页、等候名单、预购页面,或在线测试一个创意时使用。

落地页 是什么?

‘落地页’技能专为初创企业创始人、产品经理和独立开发者设计,帮助他们快速验证市场想法。它通过生成一个聚焦单一目标的单文件HTML落地页,结合清晰的测试计划,来测试用户对某个Offer的真正兴趣。该技能支持中、英、法、西等多种语言,并强制要求诚实披露产品状态(如“加入候补名单”或“预购”)以及遵守GDPR等隐私法规。最终产出包括页面计划、文案副本以及可直接部署的HTML文件,并指导用户如何设定成功标准、规划流量来源并读取转化数据,从而做出明智的后续决策。

兼容平台~Claude Code~Codex CLI~Cursor
npx skills add https://github.com/teodstr/garage/tree/HEAD/skills/landing-page

在你喜欢的 AI 中提问

打开一个已预加载此 Agent Skill 的新对话。

文档

落地页 是做什么的?

落地页往往是初创企业的第一个真正实验:如果陌生人甚至不愿留下邮箱,那么他们也不太可能付费。本技能负责编写页面、将其构建为单个HTML文件,并设定决定后续行动的各项数据。

何时使用

  • 在构建产品前测试需求(烟雾测试)、收集候补名单或接受预购。
  • 如果已有品牌名称和配色方案(来自brand-identity技能使用之后),可直接使用;但一个纯文字页面同样有效。
  • 不适用于完整的网站或搜索引擎优化策略。

输入

  1. 目标访客、问题、承诺以及任何真实证明(用户评语、数据、已获授权的Logo)。
  2. 期望用户执行的一个行动:输入邮箱、预购、请求演示。
  3. 品牌元素(如果有的话),以及表单数据应发送至何处。

方法

  1. 一个页面、一位访客、一个行动。 明确目标访客和唯一的行动号召;移除所有可能引导用户离开该行动的链接。
  2. 先写页面顶部: 一个为访客陈述结果(而非技术)的标题、一行说明如何达成、行动号召按钮,以及产品或结果图片。测试:陌生人在五秒内理解这是做什么、为谁而做。
  3. 然后写其余部分: 用客户自己的语言描述问题(参考customer-interviews技能)、三步说明工作原理、真实证明、针对主要异议(价格、信任、时间)的回答、简短FAQ,以及再次出现的行动号召。
  4. 保持诚实: 如果产品尚未存在,请使用“加入候补名单”或“预购,计划发货日期为……”。切勿虚构见证、计数器或稀缺感。对于预购,需说明交付日期和退款条款。
  5. 构建为单个HTML文件: 使用语义化标题、图片添加替代文本、确保对比度可读、在手机上正常显示。表单提交到创始人选择的服务(表单工具、新闻通讯工具或电子表格),并附上简短隐私声明,说明邮箱的使用方式(在欧盟需符合GDPR)。
  6. 规划测试: 明确访客来源(与页面本身同等重要)、预计访客数量、预先设定的目标转化率以及测试持续时间。至多测试两个标题。
  7. 读取结果: 访客数及各来源转化率、用户提出的问题,以及根据启动前设定的标准做出的决策。

输出

### 页面计划
访客:... | 承诺:... | 行动号召:... | 成功标准:来自...的...位访客中,转化率达到...%,且在...天内

### 文案
标题:... | 副标题:... | 按钮:...
部分:问题、工作原理、证明、异议、FAQ

### HTML
<一个可访问的文件,表单地址可配置,包含隐私声明>

质量标准

  • 标题为一个特定访客陈述结果,页面只有一个主要行动号召。
  • 页面上的每个主张、见证和数据均为真实;不得伪造稀缺感或社交证明。
  • 页面可访问、在手机上正常工作,并说明所收集数据的使用方式。
  • 流量计划和成功标准在启动前即已写入。
  • 使用用户的语言编写,并采用以下术语。

术语

EnglishFrançaisEspañol简体中文
Landing pagePage d'atterrissage (landing page)Página de aterrizaje (landing page)落地页 (landing page)
Call to action (CTA)Appel à l'actionLlamada a la acción行动号召
Above the foldHaut de page, partie visible sans défilerPrimera pantalla首屏
Conversion rateTaux de conversionTasa de conversión转化率
WaitlistListe d'attenteLista de espera候补名单
A/B testTest A/BPrueba A/BA/B测试

来源

  • Krug, S. (2014). Don't Make Me Think, Revisited (3rd ed.). New Riders.
  • Ries, E. (2011). The Lean Startup. Crown Business.
  • W3C. (2023). Web Content Accessibility Guidelines (WCAG) 2.2. https://www.w3.org/TR/WCAG22/

Individual skills in this repo

This repo contains 1 individual skill — each has its own dedicated page.

相关技能