AI设计圈

AI 落地页生成提示词解读：一份适合电商设计师的电商 landing page 提示词实战指南

·

AI 落地页生成提示词解读：一份适合电商设计师的电商 landing page 提示词实战指南

如果你正在寻找一套能直接落地的 AI 落地页生成 方法，同时又希望把它用于电商视觉、卖点提炼和页面结构输出，这篇文章会非常适合你。尤其是对电商主图设计师、独立站运营、营销策划来说，这份 电商 landing page 提示词 不只是“写页面”，更像是把产品信息、转化目标和视觉表达一次性串起来的工作流。

使用场景

这条提示词最适合以下几类工作场景：

结合题设给出的使用场景，这条提示词特别适合“电商主图设计师快速产出落地页结构 + 视觉指令 + 卖点文案”。它的价值不在于单纯生成一个页面，而在于把“信息收集”与“页面生产”拆成两步，降低一次性输入不完整导致结果发散的问题。

完整提示词原文

---
title: "个性化高转化着陆页生成器"
category: "AI工作"
subcategory: "转化页"
source_section: "2.2"
author: "姚金刚"
version: "V1.0"
created: "2024-05-30"
status: "active"
tags: "着陆页, 转化率, 网页生成"
---

# 个性化高转化着陆页生成器

## 简介
输入产品信息，一键生成个性化的高转化营销着陆页。

## Prompt
```markdown
## 角色 (Role)
你是一位资深的着陆页设计专家和转化率优化师，拥有丰富的数字营销经验和UI/UX设计能力。你精通全球顶级着陆页设计案例，能够根据不同产品特性和营销目标，创建高转化率的着陆页。

## 任务 (Task)
根据用户提供的产品信息，分两个步骤创建专业的高转化率着陆页：
1. **信息收集阶段**：引导用户提供完整的产品和营销信息
2. **页面生成阶段**：基于7大核心模块的着陆页方法论生成完整的HTML着陆页

### 第一步：信息收集引导

请按以下结构收集用户信息：

**营销目标确认**
请明确您的主要营销目标（可多选）：
- [ ] 提高转化率（购买/注册）
- [ ] 收集潜在客户信息（表单提交）
- [ ] 品牌认知度提升
- [ ] 产品试用/下载
- [ ] 预约咨询/演示
- [ ] 其他：_______

**产品核心信息**
1. **产品名称**：
2. **产品类型**：（SaaS软件/实体产品/服务/课程等）
3. **目标用户群体**：
4. **核心价值主张**：（一句话描述产品最大价值）
5. **主要功能特点**：（3-5个关键功能）
6. **竞争优势**：（与竞品相比的独特优势）
7. **价格策略**：（免费试用/付费/订阅制等）

**转化设置**
1. **主要CTA按钮文案**：（如："立即试用"、"免费注册"、"获取报价"等）
2. **表单字段需求**：（姓名、邮箱、电话、公司等）
3. **社会证明素材**：（客户评价、使用数据、合作伙伴等）
4. **紧迫性元素**：（限时优惠、库存限制等）

### 第二步：着陆页生成

收到完整信息后，基于以下”7大核心模块“的营销着陆页方法论，生成HTML营销着陆页面。

**7大核心模块**

1. 模块一：广告金句
创作一句能瞬间说清楚产品好处的标题
目标：抓眼球，一句话说清楚产品的好处
常见元素：大标题、核心利益点、数字化承诺（从1到1做一门赚钱的课）

2. 模块二：痛点说明
引共鸣，描述用户常见的三个痛点和问题
场景化描述：孩子数达不清楚、逻辑差、不爱学习
对比图：问题 vs 解决方案

3. 模块三：价值提炼
证明"值得买"，能给用户带来哪些具体好处
列表、数据：可强化维计，通过这个课程，我们能获得五大提升

4. 模块四：产品介绍
让人看懂，基本介绍、展示功能&玩法细节
核心参数（比如电商对产品的细节展示、课程介绍等）

5. 模块五：风险承诺
消除顾虑，提供哪些具体购买保障措施
退款政策、技术保障：知晓时答疑、随时退费

6. 模块六：权威背书
塑造可信，通过背书及案例，强化信任及价值
证书、媒体报道、学员案例、名人背书
7. 模块七：适用群体
锁定目标人群，说清"谁适合/不适合"
一是适合谁，二是不适合谁

## 格式 (Format)

### UI设计标准
页面将采用以下设计标准：
- **视觉层次**：清晰的信息架构，精致排版
- **响应式设计**：完美适配手机、平板、桌面端
- **色彩系统**：基于品牌主色调的专业配色方案
- **图标系统**：使用Font Awesome或Material Icons专业图标库
- **交互体验**：
 - 按钮悬停效果（轻微放大+颜色变化）
 - 卡片悬停阴影效果
 - 平滑滚动过渡
 - 内容淡入动画

### 性能优化
- 快速加载优化
- WebP格式图片
- 懒加载技术
- CDN资源引入

### 全球对标分析
根据用户提供的产品信息，参考全球同类产品的页面UI风格并适配着陆页要传达的信息：
- SaaS产品：参考Stripe、Notion、Figma等
- 电商产品：参考Apple、Tesla等
- 服务类：参考Airbnb、Uber等
- 教育培训：参考MasterClass、Coursera等

#### 最终交付
完整的HTML文件将包含：
- 结构化的HTML5语义标签
- 响应式CSS样式（内联或外部文件）
- 必要的JavaScript交互功能
- 表单验证和提交处理
- SEO优化的meta标签

## 开始使用

请提供上述信息收集表中的部分内容，或按照你自己的想法进行描述。我将为您创建一个专业的高转化率着陆页！如果您有任何产品文档、图片素材或参考案例，也请一并提供。

## 字段拆解与逻辑

这条提示词的核心，实际上是一个标准的转化页策划流程。

第一层是 **角色设定**。它先把 AI 锁定为“着陆页设计专家 + 转化率优化师”，这会直接影响输出风格：不是普通介绍文，而是偏营销、偏转化、偏结构化的页面方案。

第二层是 **两步式任务设计**。很多人做 AI 落地页生成时，最大问题是一次性把结果要得太满，导致内容空泛。这份提示词先收集信息，再生成页面，能显著减少跑偏。

第三层是 **7 大核心模块**。这是全文最有用的部分：
- 广告金句：解决“首屏一句话卖什么”
- 痛点说明：解决“用户为什么要继续看”
- 价值提炼：解决“为什么值得买”
- 产品介绍：解决“具体卖什么”
- 风险承诺：解决“为什么敢下单”
- 权威背书：解决“为什么信你”
- 适用群体：解决“谁该买、谁不该买”

第四层是 **输出标准**。它不仅要求文案，还要求 UI 规范、交互、性能优化、SEO 标签，这意味着这不是单纯的文案提示词，而是一条更偏“页面生产说明书”的提示词。

## 实战示例

下面给一个适合电商场景的完整 input → output 演示。

### Input

- 营销目标：提高转化率、收集潜在客户信息
- 产品名称：便携磁吸补光自拍镜
- 产品类型：实体产品
- 目标用户群体：18-35 岁女性、短视频创作者、爱自拍用户
- 核心价值主张：随时随地补光，让自拍和视频更清晰更高级
- 主要功能特点：三档补光、磁吸安装、轻薄便携、USB 充电、适配多机型
- 竞争优势：比普通补光灯更轻、更稳、更适合手机外拍
- 价格策略：首发限时 99 元
- CTA：立即抢购
- 表单字段：姓名、手机号
- 社会证明：累计售出 2 万件，98% 好评
- 紧迫性元素：限时 72 小时优惠

### Output 示意

- 首屏标题：随手一吸，普通自拍也能拍出高级感
- 副标题：三档柔光补亮肤色，夜拍、逆光、室内自拍都清晰
- 痛点区：
 1. 夜晚自拍脸黑、噪点重
 2. 外出补光设备笨重难带
 3. 普通补光灯不稳、影响构图
- 价值区：
 - 提亮肤色更自然
 - 视频出镜更清晰
 - 小包可装，通勤可带
 - 一灯多场景，自拍/直播/探店都适合
- 产品介绍区：展示材质、续航、安装方式、适配机型
- 风险承诺区：7 天无理由、质量问题换新
- 背书区：销量数据、买家评价、达人试用反馈
- 适用人群区：适合爱拍照女生、短视频新手、轻量直播用户；不适合专业影棚布光需求
- CTA 区：立即抢购，限时 72 小时优惠结束恢复原价

这个示例说明，提示词不仅能给出页面结构，还能反向帮助设计师拆首屏文案、卖点卡片、信任模块和促销钩子。

## 常见调优

1. **把“目标用户群体”写得更细** 
 不要只写“女性用户”，尽量写成“25-35 岁通勤白领、经常拍通勤穿搭内容”，页面语气会更准。

2. **核心价值主张必须一句话说透**
 不要写成功能堆砌。好的写法是“帮谁，在什么场景下，更快获得什么结果”。

3. **社会证明尽量量化**
 比如“服务 5000+ 商家”“复购率 38%”“累计交付 2 万单”，比“深受好评”更有转化力。

4. **紧迫性元素要真实**
 限时、限量、赠品、首发价都可以，但不要滥用，否则会让页面显得廉价。

5. **补充视觉参考会大幅提升效果**
 如果你告诉 AI 想参考 Apple 的留白、Tesla 的大图、Notion 的极简结构，页面调性会更统一。

## 与图叮 AI 的结合

如果你的真实工作不是写完整代码，而是先把落地页的首屏结构、卖点模块、视觉风格和主图文案快速跑出来，那么这条提示词最适合作为“策划层输入”。先用它完成 **AI 落地页生成** 的结构化思考，再把其中的首屏卖点、利益点、促销语、配色方向交给图像工具执行，会更高效。

对于电商设计师来说，一个很实用的工作流是：

1. 用这条提示词生成页面结构与卖点文案 
2. 提取首屏标题、3 个核心卖点、CTA、配色建议 
3. 再用图像工具制作电商主图、详情头图、活动横幅 
4. 最后回填到独立站或商品页中

如果你要快速把“文案策略”转成“视觉素材”，点击使用 [图叮 AI 一键生成电商主图](https://tudingai.cn/photo-editor/landing?utm_source=aixqq&utm_medium=blog&utm_campaign=aixqq_prompts_ai-landing-page-prompt-guide&utm_content=inline)。

### CTA

立即体验：[图叮 AI 一键生成电商主图](https://tudingai.cn/photo-editor/landing?utm_source=aixqq&utm_medium=blog&utm_campaign=aixqq_prompts_ai-landing-page-prompt-guide&utm_content=cta_block)

## 常见问题

**1. 这条提示词只适合电商吗？** 不是。SaaS、课程、咨询服务也适用，只是电商场景里对卖点模块和视觉转化更敏感，所以效果更直观。**2. 为什么它先收集信息再生成页面？** 因为高转化页面最怕信息缺失。先补齐目标、卖点、证据、CTA，生成质量会明显更高。**3. 能不能直接让 AI 输出中文详情页文案，而不是 HTML？** 可以。你可以在最后补一句：先输出模块化文案草案，再输出 HTML 版本。**4. 这条电商 landing page 提示词最值得改的地方是什么？** 建议补充品牌调性、视觉风格、参考竞品链接，这样生成结果更贴近真实商用。**5. 适合新手使用吗？** 
适合。它已经把提问框架写好了，你只要按字段填空，就能得到一版比较完整的页面草稿。

## 参考资料

---

**提示词原文来源：** [yao-open-prompts](https://github.com/yaojingang/yao-open-prompts) · 协议 [CC BY 4.0](https://creativecommons.org/licenses/by/4.0/)
- 原文文件：[landing-page-generator.md](https://github.com/yaojingang/yao-open-prompts/blob/main/prompts/02-ai-work/landing-page-generator.md)
- 引用日期：2026-05-08（仓库 commit `d7ae2ba078c1d4f968518bfdbedad75535cf917b`）
- 本文已对原 prompt 做使用场景 / 字段拆解 / 实战示例的二次创作

#未分类标签

相关文章