项目背景
客户是一款面向中小企业的协同办公 SaaS,功能多达 40 余项,原官网把功能全堆在一张长图里,访客看到一半就流失。产品团队希望官网能帮访客快速对号入座"这功能我需不需要",而不是逼他们读完一本说明书。
我们看了热力图,发现那张功能长图的下半部分几乎没人滑到——大量功能被白白埋没。
设计挑战
SaaS 功能多且抽象,纯文字说不清,纯截图又枯燥;还要服务"决策者看重价值、使用者看重操作"两类人群,他们的关注点完全不同。
此外,功能会随版本迭代持续增加,官网架构必须能"装得下未来的功能",不能每次发版都重做。
解决方案
我们把功能按"协作 / 文档 / 流程 / 数据"四大场景归类,每个场景做一个落地页,用"痛点—功能演示—价值"三段式呈现。演示用动态截图而非视频,加载快、易维护,访客一眼看到"这功能怎么用、解决什么"。
官网首页只放四张场景卡 + 客户 LOGO 墙 + 试用入口,强引导。色调以尧图浅蓝为主,传递工具的冷静与可靠。新增功能只需归入对应场景页,不用动首页结构。
SaaS 官网不是功能清单,是"你该用哪个场景"的导航员。
成果与反馈
试用注册量月增 52%,四个场景页平均停留 2 分钟以上。产品负责人说:"终于不用销售再口头解释功能区别了。"
更长远的好处是,这套场景化架构后来也成了产品内部梳理功能的框架——市场和产品第一次用同一套语言说话。