---
name: "newvar-landing-page"
description: "先讲清用户问题，再完成文案、页面、检查与发布。"
version: "1.0.0"
updated: "2026-07-25"
source: "https://newvarlab.com"
---

# 从需求到可发布的产品落地页

适合验证一个新服务或产品。工作流把用户研究、内容结构、原型、实现、隐私与发布串在一起。

## When to use

Use this workflow when the user wants to: 网站、产品、文案、设计、发布。

## Required inputs

- 用户问题
- 产品承诺
- 唯一主要行动

If a required input is missing, ask for it. Never invent user facts.

## Expected outputs

- 页面文案
- 响应式网站
- 发布检查表
- 可回滚版本

## Execution steps

### 1. 写清用户和唯一行动

Purpose: 避免首页同时推销五件事。

Action: 用一句话回答“帮助谁、完成什么、为什么相信”，并选择唯一主要按钮。

Deliverable: 一页产品简报

Suggested tools: ChatGPT / Kimi

Human check: 找一位目标用户复述页面承诺，确认理解一致。

Stop and wait for human confirmation before treating this step as complete.

### 2. 先排内容，再做视觉

Purpose: 让设计服务于理解顺序。

Action: 按问题、结果、过程、证据、风险、行动排列内容；用低保真线框验证手机首屏。

Deliverable: 内容线框

Suggested tools: Figma

Human check: 不看装饰时，页面仍能回答用户的主要疑问。

Stop and wait for human confirmation before treating this step as complete.

### 3. 实现真实交互

Purpose: 避免只有漂亮截图，没有可用产品。

Action: 实现响应式页面、表单、键盘操作、错误状态、元数据和隐私说明。

Deliverable: 可运行网站

Suggested tools: ChatGPT / GitHub / Cloudflare

Human check: 在手机与电脑上走完一次主要任务。

Stop and wait for human confirmation before treating this step as complete.

### 4. 发布前做质量闸门

Purpose: 减少上线后才发现的信誉与安全问题。

Action: 检查真实内容、死链接、表单、SEO、性能、隐私、无障碍和回滚方法。

Deliverable: 签字版发布清单

Suggested tools: GitHub / Cloudflare

Human check: 不发布虚构客户、虚构数据或未经许可的图片。

Stop and wait for human confirmation before treating this step as complete.

## Quality gate

- [ ] 手机首屏能说清对象、结果和下一步
- [ ] 所有按钮、表单与错误状态可用
- [ ] 案例和数据均有真实依据
- [ ] 发布前保留可恢复版本

## Safety

- 表单只收集完成目的所需的最少信息。
- 密钥只放在托管平台的机密变量中，不写入网页代码或代码仓库。

Never publish, pay, delete, send externally, or make a high-risk decision without explicit human approval.

## Machine-readable source

https://newvarlab.com/api/workflows/landing-page