Wefunder 招股页 · Section 01
Banner 的策略与计划
为什么那段 400 词读不进去,抽哪句当标题,配哪张照片,三版各赌什么
← 回三版并排页

Section 01「What We Do」Banner · 策略与计划

2026-08-13 · 目标页:Wefunder 招股页第一节 · 对照页 Plan_G_Compare11.html


一句话结论

那段话的毛病不是写得不好,是它把「我们是什么」和「行业为什么烂」搅在一起了。 Banner 的活是把前者单独拎出来、配一张真机器的照片,让人 1.5 秒内知道这家公司干什么—— 剩下那 60% 骂行业的内容留给正文,banner 不背。


一 · 先说这堵墙的问题

原文 ~400 词,六段。拆开数一下承重:

在说什么占比该在哪
1我们造 Intelligent Food Machines,三层一体15%banner
2行业几十年没变、设备只会单功能、纯软件落不了地、孤立 AI 没用35%正文
3我们用三层系统补上这个缺口8%banner(作为结构)
4三层各自干什么(硬件执行 / 软件调度 / AI 决策)25%banner(作为标签)+ 正文(作为展开)
5我们的独特性 = full-stack、原生一体、不卖散件12%banner(作为副标题)
6推动整个食品行业工业化、自动化、智能化5%删,或并进正文结尾

三个具体病症:

  1. 同一句话说了五遍。 "hardware, software and native AI layer" 这个三元组在六段里出现了四次,

"full-stack / natively integrated / all-in-one" 是同一个意思的三种说法。读者读到第三遍就开始跳行。

  1. 形容词扛不动事实。 disruptivemassive untapped opportunitytremendous value——

这些词在 Reg CF 口径下是负债不是资产,而且它们出现的位置正好是读者最想看到具体东西的位置。

  1. 没有画面。 全文一个可视化的锚点都没有。读者读完知道你有三层,但不知道那玩意长什么样、

在哪、有没有人在用。而我们手上有 105 张真实素材——这是最亏的一点。


二 · Banner 只干一件事

让人 1.5 秒内知道这家公司是什么,然后才愿意读下面那堵墙。

它是那堵墙的门牌,不是替代品。所以判它好不好只有一条: 遮住下面所有正文,光看 banner,一个没听过 Yummy Future 的人能不能复述出你是干什么的。


三 · 抽出来的文案(已定死,三版共用)

槽位文案为什么是这句
kickerSection 01 · What We Do跟母页现有编辑体一致
主标题We build Intelligent Food Machines.用他们自己造的品类名当主角。主动语态、现在时、句号收尾——不是口号是陈述。Reg CF 安全。
副标题Hardware, software, and a native AI layer — designed, built, and integrated as one system.把原文那个说了四遍的三元组只说一遍,并把 full-stack 的意思压进 "as one system" 五个字
三层标签01 HARDWARE · 02 SOFTWARE · 03 AI NATIVE LAYER结构可视化的最小单位。AI 在最上层(原文 "sitting on top of these two foundational layers",顺序画反=论点画错)
三层各一句执行 / 调度 / 决策,各 ≤9 词只在需要的版本用
脚注Three stores live · Champaign IL ×2 · Palo Alto CA唯一放行的事实锚点——把「概念」拽回「已经在运转」

强调装置Intelligent 一词上 amber,其余素色。一块 banner 里 amber 只强调一处—— 三层标签也刷成 amber 的话,重点就等于没有。

主动删掉的:所有未来时、所有形容词式吹嘘、所有没出处的数字。 Banner 一个数字都不带是故意的——带了就要配 source caption,占高度、还抢了正文里那些有出处的数字的风头。


四 · 照片怎么挑

现有 105 张素材,按「能不能承载三层」筛,最后进候选的六张:

文件尺寸画面承载哪一层
new-hero-hardware-hi.jpg2160×1215整条机器阵列侧视,左上大片空白墙硬件。负空间最大,天生为压字准备
new-paloalto-arm-up.jpg1440×810机械臂 + 触屏 + 真顾客坐着三层同框:臂=硬件、屏=软件、人=真实场景
new-arm-gantry-up.jpg1440×810龙门臂正在出杯,浅景深硬件「在干活」,暖光最好看
new-hardware-island.jpg1200×675机器岛全景全貌,但只有 1200 宽
new-order-checkout-up.jpg1440×810顾客点单 + 店员 + POS 屏人机协作
new-handoff-matcha.jpg1200×675递杯瞬间交付

两条硬规矩:

-hi / -up 后缀的是放大版,优先用。

放在「我们现在做什么」这一节里是失实——这一节只能放已经在跑的东西。


五 · 三个版本,三个不同的赌注

不是「三种配色」,是三种关于 banner 该干什么的判断。故意让它们互相不像。

A · 全景压字B · 三层堆栈C · 编辑分栏
赌的是气势结构贴脸不违和
长什么样满栏照片,字压在负空间上,底部一条三层横带上面一条窄照片带压标题,下面三层堆栈图左暖纸文字栏 + 右竖裁照片,照片上一个字不压
主照片new-hero-hardware-hinew-paloalto-arm-upnew-arm-gantry-up
赢在哪第一眼就是真机器,最有说服力「三层一体」这个论点画出来比写出来清楚最像招股书本身,读者不觉得看到广告
输在哪压字最脆——照片亮部会吃掉文字容易做成 PPT 架构图容易太素,变成没设计过的两栏
适合Jack 想要「好看、大方、有气势」投资人想搞清楚你到底卖什么整页风格统一优先

每版一个独立 Agent 做,各自实测三条硬指标后才算交付。


六 · 上屏约束(做错就白做)

约束为什么
正文栏宽720 CSS px 固定Wefunder 不响应式变宽
图片实际像素≥ 1440 宽视网膜 2 倍,否则发虚
Banner 上屏高度≤ 420 px801px 视口只装得下约 750px 正文;banner 吃掉半屏,下面标题就出屏了
超高怎么办压内容,不压间距间距压过一次,批判门当场量出来
底色Daylight 暖纸 #faf8f3深色 Ignite 大面积铺底在 Wefunder 上会被读成横幅广告
amber#c89324(暖纸上)/ #f4c542(深底上)#f4c542 在暖纸上只有 3.1:1,不过 WCAG AA;#c89324 是 4.6:1
交互零 JS、零 hover、零动画最终要拍平成 PNG 贴进 Wefunder,静止一帧必须自己读得懂
压字对比度≥ 4.5:1,实测截图取像素真算,不许目测

七 · 落地路径

  1. 三版并排看 → 对照页(本目录 index.html),720 栏宽真实上屏尺寸,

旁边贴每版的实测数字

  1. Jack 挑一版(或指出要拼哪几块)
  2. 选中的那版做成 .wf-art 面板,插进 Section 01 的 kicker 和 H2 之间
  3. 正文同步瘦身——banner 已经承载的话(三层三元组、full-stack)从正文里删掉,

否则读者连着读两遍同一句

  1. campaign-page/next/ → 母版 → 快照 → 发布。招股页现在锁着(四个人在批注),

解锁是人的决定,不是自动流程

这一轮不动 Plan_G_v8_WefunderNative.html 一个字节。 新东西全在 campaign-page/next/whatwedo-banner/


八 · 顺手记一条

原文第 2 段那些骂行业的句子("notoriously outdated"、"stuck in manual, scattered operations") 留在正文里也偏软——它们是判断,不是证据。真要说服人,那一段该换成 「一家门店一天多少杯 / 多少人力 / 出错率」这类可查的对比。 这不是 banner 这一轮的活,但迟早要动,先记在这。