landing-page-optimization by reynau/landing-page-optimization
npx skills add https://github.com/reynau/landing-page-optimization --skill landing-page-optimization基于对 SaaS、科技、Web3、金融和健康行业 1000 多个落地页的分析得出的研究见解。
落地页是 7x24 小时的销售团队。用户在 3 秒内决定是否留下。专注于清晰度和即时价值。
首屏区域决定了访客是否留下。模糊的首屏会使转化率下降 40-60%。
| 元素 | 指南 |
|---|---|
| 价值主张 | 回答:这是什么?为谁服务?为什么要在乎? |
| 标题 | 以利益为中心,抓住情感 |
| 副标题 | 增加证明或具体细节 |
| 视觉元素 | 产品演示、插图或痛点视觉。不要使用库存照片。 |
| 行动号召 | 双重:一个低门槛("3 分钟快速上手"),一个高价值("预约演示") |
Before: "Innovative AI Platform" + bland orb visual
After: "The Only Platform for Continuous Offensive Pentests -
Catch SOC2 Violations Before Hackers Do" + vulnerability icons
广告位招租
在这里展示您的产品或服务
触达数万 AI 开发者,精准高效
结果:页面停留时间翻倍,点击率提高 35%。
好的文案能提升平庸的设计。糟糕的文案会毁掉优秀的设计。每个词都必须易于浏览、富有情感且以利益为导向。
PAS(问题-激化-解决方案) — 观察到转化率提升 25-40%
AIDA(注意-兴趣-欲望-行动)
FAB(功能-优势-利益)
之前-之后-桥梁
用户需要简洁。复杂设计的跳出率高达 70%;极简设计的跳出率为 30%。
| 模式 | 用例 |
|---|---|
| 极简主义 | 简洁的布局、主导的配色方案、有目的的留白 |
| 便当网格 | 功能、推荐语。可添加翻转卡片增加互动性 |
| iOS 风格 | 圆角、微妙的阴影、有趣的定价卡片 |
| 单页设计 | 初创公司、快速构建、高转化率 |
只有 22% 的企业对其转化率感到满意。差异通常在于信任信号。
| 类型 | 实施方式 |
|---|---|
| 推荐语 2.0 | 突出关键短语、弹出式个人资料、特定领域("作为 SaaS 创始人...") |
| 徽标 + 指标 | "受 1 万+ 用户信赖" 并附上可识别的客户徽标 |
| 案例研究 | 简短、以利益为中心:"在 2 周内从 10% 转化率提升到 45%" |
| 紧迫感营造 | 倒计时、名额有限、"加入 500 人等待名单" |
强大的社会认同可以使转化率提高 2-3 倍。
定价是用户的首要问题。隐藏定价会流失访客。
| 层级 | 价格 | 定位 |
|---|---|---|
| 入门版/免费版 | $0-29/月 | 入门点,基础功能 |
| 专业版(高亮) | $49-149/月 | "最受欢迎"徽章,最佳性价比 |
| 企业版 | 定制 | "联系我们",专属支持 |
此结构已将追加销售提升了 30%。
99% 的页面内容过多。用户的注意力持续时间为 8 秒。
简化后的结果:转化率提升 50-100%。
| 不要 | 原因 |
|---|---|
| "Innovative AI Platform" | 没有具体说明任何内容 |
| 微笑人物的库存照片 | 通用,不可信 |
| 隐藏定价 | 用户最大的困扰 |
| 大段文字墙 | 用户是浏览,不是阅读 |
| 多个竞争性的行动号召 | 决策瘫痪 |
| 加载时间慢 | 每慢一秒流失 7% 的转化 |
| 移动端作为事后考虑 | 大部分流量来自移动端 |
| 目标 | 框架 |
|---|---|
| 解决特定痛点 | PAS |
| 讲述转变故事 | Before-After-Bridge |
| 解释复杂功能 | FAB |
| 完整的漏斗叙事 | AIDA |
| 筛选并转化 | QUEST |
有关详细示例和案例研究,请参阅 references/examples.md。
每周安装量
70
代码库
首次出现
2026年1月29日
安全审计
安装于
codex69
gemini-cli69
github-copilot69
opencode69
cursor68
kimi-cli67
Research-backed insights from analyzing 1000+ landing pages across SaaS, Tech, Web3, finance, and health industries.
Landing pages are 24/7 sales teams. Users decide in 3 seconds whether to stay. Focus on clarity and immediate value.
The hero section determines if visitors stay. Vague heroes drop conversion rates by 40-60%.
| Element | Guideline |
|---|---|
| Value Prop | Answer: What is it? Who is it for? Why care? |
| Headline | Benefit-focused, grabs emotion |
| Subheadline | Adds proof or specificity |
| Visuals | Product demos, illustrations, or pain-point visuals. No stock photos. |
| CTAs | Dual: one low-commitment ("Get Started in 3 Minutes"), one high-value ("Book a Demo") |
Before: "Innovative AI Platform" + bland orb visual
After: "The Only Platform for Continuous Offensive Pentests -
Catch SOC2 Violations Before Hackers Do" + vulnerability icons
Result: 2x time-on-page, 35% higher click-through.
Good copy elevates mediocre design. Bad copy sinks great design. Every word must be scannable, emotional, and benefit-driven.
PAS (Problem-Agitate-Solution) — 25-40% conversion lift observed
AIDA (Attention-Interest-Desire-Action)
FAB (Feature-Advantage-Benefit)
Before-After-Bridge
Users want simplicity. Complex designs see 70% bounce rates; minimal designs see 30%.
| Pattern | Use Case |
|---|---|
| Minimalism | Clean layouts, dominant color scheme, purposeful whitespace |
| Bento Grids | Features, testimonials. Add flip cards for interactivity |
| iOS-Inspired | Rounded corners, subtle shadows, playful pricing cards |
| One-Page | Startups, quick builds, high conversion |
Only 22% of businesses are satisfied with their conversion rates. The difference is often trust signals.
| Type | Implementation |
|---|---|
| Testimonials 2.0 | Highlight key phrases, pop-out profiles, niche-specific ("As a SaaS founder...") |
| Logos + Metrics | "Trusted by 10k+ users" with recognizable client logos |
| Case Studies | Short, benefit-focused: "From 10% to 45% conversion in 2 weeks" |
| Urgency Builders | Countdowns, limited spots, "Join 500 waiting" |
Strong social proof can increase conversions 2-3x.
Pricing is users' #1 question. Hidden pricing loses visitors.
| Tier | Price | Positioning |
|---|---|---|
| Starter/Free | $0-29/mo | Entry point, basic features |
| Pro (highlight) | $49-149/mo | Most Popular badge, best value |
| Enterprise | Custom | Contact Us, dedicated support |
This structure has lifted upsells by 30%.
99% of pages have too much content. Users have 8-second attention spans.
Post-simplification results: 50-100% conversion rate improvements.
| Don't | Why |
|---|---|
| "Innovative AI Platform" | Says nothing specific |
| Stock photos of smiling people | Generic, untrustworthy |
| Hidden pricing | #1 user frustration |
| Wall of text | Users scan, not read |
| Multiple competing CTAs | Decision paralysis |
| Slow load times | Each second loses 7% conversions |
| Mobile as afterthought | Majority of traffic is mobile |
| Goal | Framework |
|---|---|
| Address specific pain points | PAS |
| Tell a transformation story | Before-After-Bridge |
| Explain complex features | FAB |
| Full funnel narrative | AIDA |
| Qualify and convert | QUEST |
For detailed examples and case studies, see references/examples.md.
Weekly Installs
70
Repository
First Seen
Jan 29, 2026
Security Audits
Gen Agent Trust HubPassSocketPassSnykPass
Installed on
codex69
gemini-cli69
github-copilot69
opencode69
cursor68
kimi-cli67
营销心理学与心智模型应用指南 | 提升营销决策与客户行为理解
44,200 周安装