一个 Landing Page 反复迭代教会我的事

所有 AI 公司的官网长得都一样

紫色渐变。悬浮产品截图。大写加粗的"Powered by AI"。三张功能卡片。一个 CTA 按钮。

问题不在于每个元素本身——而是这些东西被抄了太多遍，已经没有任何辨识度了。访客大概四秒钟就扫完整个页面，心里归档到"又一个 AI 创业公司"。

我开始做 Scam AI 的 Landing Page 时，目标很简单：别长得像其他所有 AI 公司。一个检测深伪、诈骗电话和欺诈的 AI 安全公司，应该让人觉得有锋芒，不是那种千篇一律的 SaaS 风格。

没想到会迭代这么多版。

第一版能用，但毫无记忆点。标准 Next.js 布局，Hero 区写个标语，三张功能卡片。先上线再说。

从一开始这就是个协作项目——多次完整重做，那种"全推翻重来"的循环，回头看才觉得合理。最终版主要是我的队友 Dennis 推动的，他带来了让页面真正立住的视觉风格和执行力。我更多参与在前面几轮迭代：架构、设计决策，还有不停地在想每一版到底在解决什么问题、上一版为什么不行。

很早就意识到核心难点：Scam AI 面对的是完全不同的人群。采购 API 的企业客户、担心诈骗电话的普通用户、对底层检测模型感兴趣的研究者。

一个 Hero 没法同时跟三类人说话。你得先选对谁说，然后相信其他人能找到自己的板块。这个选择我做得太晚了，页面在几个方向之间摇摆的时间比应有的长。

有一次迭代用了 Bento 网格——苹果带火的那种卡片式布局。信息密度高，模块化，视觉上也好看。

用了一阵子确实不错。网格很高效地传达了"我们能做很多事"。但 8 个产品线——深伪、语音克隆、诈骗短信、AI 生成图片、KYC 验证——摆在一起，开始更像菜单而不是推销。

好的 Landing Page 在访客开口前就回答一个问题：我为什么要关心？ 而菜单回答的是另一个问题：你卖什么？ 这不是一回事。

最清晰的版本来自于下定决心用"问题先行"的叙事。

不是先亮产品，而是先展示如果没有这个产品会怎样：一位老人给孙子的声音克隆版汇了钱。一个招聘经理面试了一个深伪候选人。一家金融公司批量处理了伪造身份证件。

这些不需要访客先理解"AI 生成媒体检测"是什么意思。它们把产品定位为真实问题的答案，而不是又一个需要评估的能力。

Hero 变成了：先展示威胁，再展示盾牌。

一个没预料到的岔路：给 Landing 站点做了一整套 Newsletter 系统。Scam AI 发布关于欺诈趋势和检测研究的内容，需要一个有品牌感的承载页面，而不是只活在邮件客户端里。

我做了一个后台 CMS：编辑器、基于 slug 的 URL、文章缩略图，还有外部新闻源的 RSS 聚合。公开阅读体验设计得像一个正经的出版物，不是博客附属品。

这和 Landing Page 是完全不同的问题。Landing Page 做的是第一印象，Newsletter 做的是留存。不同的布局，不同的排版决策，对"好"的定义完全不一样。连着做这两个让这种差异变得格外清晰。

有一阵子 Hero 区放了一个自动播放的产品 Demo 视频——从第 4 秒开始播以跳过无聊的加载画面，然后循环。

理论上：展示产品运行效果。实际上：视频和标题抢注意力，移动端加载慢，经常直接不播放。Hero 的信息传达变成了取决于视频能不能正常运行。

删掉了。一个有力的标题配上选对的静态视觉，几乎每次都比一个普通的产品演示视频强。视频在开发环境里觉得很酷，到了线上就无感了。

更早锁定一个受众。 每次试图同时跟企业和个人说话，两边的信息都被稀释了。先选主要用户，为他们设计。

把标题当成最难的设计问题。 我在导航动画和色彩 token 上花的时间比 Hero 里那几个字多得多。这本末倒置了。标题是每个访客一定会读的唯一元素，其他都是可选的。

别把文案当代码管。 设计系统追踪每个组件的变更，营销文案是直接原地改的，不追踪，不记录。做到一半已经想不起某些措辞为什么存在、替换了什么。如果重来，我会记一个简单的日志：每版 Hero 写了什么、为什么改。

Landing Page 在 scam.ai。源码在 GitHub — commit 历史比这篇文章更诚实地记录了完整的迭代过程。