真实操作案例设计与视觉创意

设计落地页:Tokeny 实操案例

围绕三人小团队的任务协作需求做营销落地页,包含痛点、产品说明、定价、FAQ 和本地试用表单;不要虚构转化率。

作者:Tokeny 团队 · Windows · Tokeny 1.7.8 · gpt-6-sol

准备这次任务的输入

在 Tokeny 中新建工作空间,将下载的样例解压到工作空间,选择支持工具调用的模型。本例使用合成演示数据或文中列出的公开资料。

  • product-brief.md
下载输入样例

把任务交给 Tokeny

围绕三人小团队的任务协作需求做营销落地页,包含痛点、产品说明、定价、FAQ 和本地试用表单;不要虚构转化率。

交付文件:landing.html。
验收要点:
- 移动和桌面可阅读
- 表单校验有效
- 说明转化表现仍需真实流量实验
这是使用合成演示输入或指定公开资料的真实操作案例。请先读取工作空间输入,再实际生成文件并自检。所有写入、脚本与临时服务限于当前工作空间;临时服务只监听 127.0.0.1,执行后关闭;不触达外部收件人、不发布、不付款、不更改系统设置,不调用子智能体。需要公开资料时可读取给定 URL。只启用完成任务必需的工具。另写 report.md(中文)和 report.en.md(英文),简洁、完整,包含输入、处理步骤、真实结果、检查方式和局限;失败或未验证部分如实记录,不能宣称成功。最终回复用中文列出产物、关键结果与待核实项。

本次使用独立演示工作空间。复现时,请根据自己的文件与权限设置检查操作,确认后继续。

实际执行过程

任务从 Tokeny 输入框提交,由在线模型读取资料并调用工具实际执行。本例核对本地演示任务与实际生成的文件,结果和检查方法见下文。

Tokeny 1.7.8 中「设计落地页」的真实执行会话与生成文件。点击可查看原图。
Tokeny 1.7.8 中「设计落地页」的真实执行会话与生成文件。点击可查看原图。
本次生成文件的实际预览;内容来自可下载的产物。
本次生成文件的实际预览;内容来自可下载的产物。
在真实浏览器中操作生成页面后的结果。
在真实浏览器中操作生成页面后的结果。

产物、结果与复核

输入

  • product-brief.md:虚构演示产品“松果任务板”,面向 3–10 人小团队。
  • 已知能力:任务列表、负责人、截止日期、CSV 导出。
  • 定价:免费版最多 3 人;团队版 29 元/人/月。
  • 明确限制:没有移动端、AI 自动排期、第三方认证;禁止编造客户评价、销量或第三方背书。
  • ENVIRONMENT.md:Windows、Tokeny 1.7.8,独立演示目录;本任务未使用外部公开资料。

处理步骤

  1. 读取工作空间中的输入文件和清单。
  2. 创建单文件响应式页面 landing.html,包含痛点、产品说明、定价、FAQ 和本地试用表单。
  3. 将表单实现为浏览器本地校验:称呼、邮箱、团队人数和确认勾选均为必填;成功后只显示本地提示,不发送数据。
  4. 在文案中标明演示数据是合成输入,并明确没有移动端、AI 自动排期、第三方认证及真实转化率结论。
  5. 生成本报告及英文版报告。

真实结果

  • 已生成 landing.html、report.md、report.en.md。
  • 页面代码包含响应式断点,桌面和窄屏会调整网格、按钮和表单布局。
  • 页面内容覆盖了用户要求的五个部分。
  • 没有写入客户评价、销量、第三方背书或虚构转化率。
  • 表单提交逻辑明确阻止默认提交,并只在当前页面显示结果。

检查方式

  • 静态检查:确认三个交付文件存在,页面含 viewport、必需区块、表单字段和提交脚本;静态检查结果为通过。
  • HTTP 检查:临时服务仅监听 127.0.0.1:8765,请求 landing.html 返回 200,内容类型为 text/html。
  • 浏览器检查:本地浏览器成功加载页面并显示完整主要区块;提交空表单时观察到称呼、邮箱、团队人数和确认勾选的错误提示。
  • 内容检查:核对产品能力、价格和限制与 product-brief.md 一致。

局限

  • 有效填写后的浏览器点击在本次检查中因浏览器扩展连接中断未完成,因此没有把“有效提交成功提示”写成已观察到的运行时结果;该路径已通过代码静态检查。
  • 没有接入后端、邮件、账号系统或数据存储,表单不能产生真实试用申请。
  • 没有真实流量、A/B 实验或分析埋点,无法证明任何转化率、留存或商业效果。
  • 未保存截图;移动窄屏布局依赖 CSS 响应式断点,仍建议在目标设备上复核。

下载产物,自己核对

压缩包保存本次执行生成的文件。替换成自己的资料后,可以按下面的检查点验收。

  • 移动和桌面可阅读
  • 表单校验有效
  • 说明转化表现仍需真实流量实验
landing.html · 20 KBreport.md · 2 KBreport.en.md · 3 KB
下载本次实际产物

继续探索同类场景