CONVERSION CTA
对比表Comparison Table
"我们 / 传统方案"两列勾叉对比，你的优势行全部高亮。
效果预览
传统方案Nova
接入耗时2-3 周✓ 5 分钟
数据导出✕✓ 一键全量
私有部署企业版才有✓ 全版本支持
适合用在哪
竞争激烈的品类页、替代型产品官网、迁移指南页。
容易踩的坑
- 勾叉只靠红绿颜色区分，红绿色弱用户无法分辨，图标形状和文字都要保留。
- 两列表格在 375px 手机上把描述挤成每行两三个字，应改为上下堆叠卡片。
- 用 div 拼表格不用 table 语义，读屏无法按行列对应读出对比关系。
设计提示词 · Prompt
对比表（Comparison Table / Us vs Them）：两列对比——左列"传统方案"灰字，右列"我们"高亮（浅绿底或品牌浅底），行是你的核心差异点。每行左列灰 ✕ 或笼统描述、右列绿 ✓ + 具体承诺。行数 5-7 行封顶，只放赢的维度（不利的维度别放上来，这是营销页不是评测）。对比对象用"传统方式"而不是点名竞品——点名有法律风险。表头两列各配一个小 Logo。这招对"从 Excel/人工流程迁移过来"的用户特别有效。
Comparison Table / Us vs Them: a two-column comparison — the left column "Traditional approach" in gray text, the right column "Us" highlighted (light green or light brand background), with rows for your core differentiators. Each row has a gray ✕ or vague description on the left and a green ✓ + a specific promise on the right. Cap it at 5-7 rows and include only dimensions you win on (leave out unfavorable ones — this is a marketing page, not a review). Name the comparison target "the traditional way" rather than a specific competitor — naming competitors carries legal risk. Put a small logo in each of the two column headers. This works especially well for users "migrating from Excel/manual processes".
常见搭配
同一页面里经常和「对比表」一起出现的模式，可以收藏后用「组合收藏为整页提示词」一起交给 AI。
演示 HTML 结构
<div class="s d-compare"> <div class="d-compare__row"><span class="d-compare__cell"></span><span class="d-compare__cell">传统方案</span><span class="d-compare__cell is-win">Nova</span></div> <div class="d-compare__row"><span class="d-compare__cell d-compare__name">接入耗时</span><span class="d-compare__cell">2-3 周</span><span class="d-compare__cell is-win">✓ 5 分钟</span></div> <div class="d-compare__row"><span class="d-compare__cell d-compare__name">数据导出</span><span class="d-compare__cell">✕</span><span class="d-compare__cell is-win">✓ 一键全量</span></div> <div class="d-compare__row"><span class="d-compare__cell d-compare__name">私有部署</span><span class="d-compare__cell">企业版才有</span><span class="d-compare__cell is-win">✓ 全版本支持</span></div> </div>