ISSUE 55 · AI产品官网设计
AI官网都是渐变+机器人图标？
AI公司的官网，
为什么一看就很贵？
Fourmula · Weav · Fun · Semaloop
AI产品官网的本质，是把看不见的能力，"演"给访客看。
哈喽，我是大鹏，这里是第二灵感库。
上一期聊作品集，这一期换换口味，聊聊AI产品的官网。
我发现一个规律：AI产品越来越多，但大部分官网长得都差不多——一个渐变背景，一个机器人图标，加一句"用AI帮你搞定一切"。
但是有一小批AI公司，官网做得像电影一样，你点进去就不想出来。为什么？因为它们不是在"介绍"产品，而是在"演"产品。
这期我从素材库里挑了4个AI/科技公司的官网，每个都代表了AI官网的一种经典打法。看完你会发现：AI产品官网的本质，是把看不见的能力，"演"给访客看。
PART 01
Fourmula
效果前置流：把AI成品直接怼到访客脸上
网址：
第一个，做电商视觉的AI——Fourmula。
它的hero区只有一句话："Your catalog, instantly re-shot."（你的商品目录，瞬间重拍。）
这句话直击电商人的命门。做电商的都懂：产品图、广告图、详情页、社媒素材，一套下来要约摄影师、租棚、等档期，又贵又慢。Fourmula要解决的，就是这个。
它能做什么？AI时尚摄影（上传一个产品，生成各种角度、造型、氛围的模特图）、AI产品图（丢一张产品照，生成干净的包装图和生活方式场景）、AI视频制作（为Reels、TikTok、广告生成品牌视频）——覆盖PDP详情页、UGC、生活方式图、广告、Stories一整条链路。
它的官网是怎么做的？不废话，直接上成果。首页滚动就是一排排AI生成的图：模特穿着你家衣服在街头、产品在高级场景里的特写、短视频分镜……用户看3秒就明白"哦，原来AI能做成这样"。
还有个小细节：它把使用流程拆成四步，每一步都用emoji缩写——Add products and brand（PB）→ AI generates options（GO）→ Choose the best（CB）→ Ready-made assets export（AX）。把"用AI"这件事讲得像点外卖一样简单。
大鹏说：Fourmula教会我一件事——AI产品最大的敌人是"不信"。用户嘴上说"AI能行吗？"，其实心里是怀疑的。所以它的官网第一屏不做品牌故事，不做公司介绍，直接把AI生成的成品怼到你脸上。效果即说服力。做AI产品官网，记住：展示"成果"永远比解释"原理"管用。
PART 02
Weav
交互演示流：把产品直接做进官网里
网址：
第二个，做AI客服的——Weav。
它的开场白特别戳人："You didn't start a business to answer support emails all day."（你不是为了回客服邮件，才创业的。）
一句话，把目标用户（中小商家老板）的日常痛点到顶了。然后它告诉你：Weav学习你网站和文档里的内容，能自己解决70%以上的客户问题，24小时在线，还用你的语气说话。
但真正让我眼前一亮的，是它的官网设计——它把产品直接做进了官网里。
首页上就有一个"Ask Weav"的对话框，访客不用注册、不用下载，直接在官网里跟AI客服聊两句。你问"Weav能做什么？"，它当场回答你。你还没成为用户，就先体验了产品。
这种打法太聪明了：AI客服这东西，光靠文字介绍很难让人信服——"你怎么知道它真的能回答问题？"。不如直接让你问一句试试。产品演示，从官网第一屏就开始了。
另外它的信任建设也很扎实：客户区写着"被定义客户体验标准的品牌所信赖"（Trusted by the brands that set the standard for CX），最近还上架了Shopify应用商店；团队不是吹"通用大模型"，而是强调"持续学习"——训练一次，永远进步，语气和人设都跟你的团队一致。
大鹏说：Weav证明了官网的另一种可能——官网不只是"介绍产品的地方"，它可以是"第一个产品Demo"。尤其AI产品，与其用十页PPT解释"我的AI有多聪明"，不如让访客亲手问一句。能演示，就别解释。这个思路，做任何交互型产品的设计师都可以抄。
PART 03
Fun
数据信任流：数字+巨头=信任
网址：
第三个，做区块链支付的——Fun（fun.xyz）。
这家公司你可能不熟，但它服务的客户你肯定听过：Polymarket（全球最大的预测市场平台）、Ostium、Lighter。Fun的定位是"现代支付"——给Web3和金融科技公司提供存款、提现、结算、结账的基础设施，刚宣布了7200万美元的A轮融资。
金融科技官网有个天然的难题：技术太复杂，用户根本看不懂。Fun的解法是什么？用数据说话，把"可信"做到极致。
打开首页，先是几个巨大的数字：年处理量超100亿美元、成功率99.95%以上、一笔100万美元的交易结算时间趋近于0秒。
然后往下滚，是客户案例矩阵，每个都带硬数据：Ostium（全球55+市场的RWA交易龙头）、Lighter（月交易量850亿美元）、Polymarket（每天500万+笔交易，它的每笔充值和提现都由Fun支持）。
没有一行代码解释，没有一个技术术语——全是数字、全是巨头客户。这就是金融科技官网的信任公式：数字 + 巨头 = 信任。
设计风格也值得一提：深色背景、克制的排版、超大号的数字滚动动画，整体透着一股"我们很稳、我们很贵"的高级感。跟那些花里胡哨的AI官网完全两个路子。
大鹏说：Fun告诉我们——有些产品不适合"演"，适合"证明"。金融、支付、安全这类赛道，用户要的不是炫技，是确定性。这种官网的设计哲学是：把数字做到最大，把话说到最少。做B端、做金融、做企业级产品的设计师，这套打法直接套用。
PART 04
Semaloop
问题叙事流：从你的痛点开始讲故事
网址：
最后一个，是我觉得叙事结构最漂亮的一个——Semaloop，做AI移动端测试的。
它的hero只有一句话："Catch mobile bugs before your users do."（在用户发现bug之前，先抓住它们。）
然后它做了一个很多官网不敢做的事：用编号讲问题。
整个首页是一个结构感极强的叙事线：
● 00 Problem（问题）：移动团队要么跳过端到端测试，要么花大量时间维护那些一改就碎的测试——不管哪种，每次发布心里都没底
● 01 Solution（方案）：AI代理像真实用户一样测试你的App，覆盖每一个重要流程
● 02 细节：用自然语言描述你想测的流程，不用写一行代码；看得懂屏幕内容、听得懂音频、跟得上真实场景
● 03 Debug faster（更快debug）：每次测试都有高帧率视频回放、音频捕获、交互时间线、系统日志、网络活动——你不只知道"挂了"，还知道"为什么挂、挂在哪一步"
注意这个叙事逻辑：先狠狠共情你的痛点，再给出方案，最后用"证据链"（视频回放、日志）证明AI真的有用。它不是"我们很厉害"，而是"你的问题，我们一步步解决了"。
团队背景也写在页面上：来自Apple、Palantir，做过移动系统、开发者工具和大规模测试——技术信任的最后一锤。
大鹏说：Semaloop是"问题驱动叙事"的教科书——好的官网，开头一定是在讲"你的问题"，而不是"我的产品"。00 Problem → 01 Solution → 03 Debug，这个编号本身就暗示了"这是一套严谨的解决方案"。做产品官网，先把用户的痛点讲透，再亮方案，转化率会高得多。
LAST PART
4个官网，4种AI讲法
最后总结一下，这4个官网代表了AI/科技产品官网的4种经典打法：
● Fourmula → 效果前置流：AI能做什么？直接把成品怼到访客脸上。效果即说服力
● Weav → 交互演示流：官网里直接嵌一个AI，让访客亲手问一句。能演示，就别解释
● Fun → 数据信任流：不解释技术，用"100亿+美元、99.95%成功率、Polymarket"这些硬通货建立信任
● Semaloop → 问题叙事流：从你的痛点开始讲故事，用证据链收尾。先共情，再证明
看完这4个，我最深的感受是：AI产品官网拼的不是"技术含量"，是"让访客快速相信"的能力。
技术再强，用户看不懂也白搭；能用一个演示、一个数字、一个痛点故事让人"哦原来如此"，你就赢了。
下期想看什么类型，评论区告诉我。我们穿插着来，什么都有。
#AI产品 #官网设计 #网页设计 #设计灵感 #第二灵感库
觉得有用的话，点赞 + 在看 + 转发三连支持一下
ISSUE 55 · SEE YOU NEXT WEEK