一个 AI SaaS 的官网,到底需要多少页?这套模板给的答案是十六页。它砍掉了大多数模板里用来凑数的部分,把版面集中在真正影响转化的三块上:功能页讲清产品能干什么,定价页把月付与年付两套价格并排摆好,集成页列出能对接的第三方工具。剩下的关于我们、团队、博客、常见问题按标准配置各一份,不多做。
定价页是它下功夫的地方——基础、标准、商务三档,月付与年付两组价格分别列出,每档下面跟一份功能清单。SaaS 的成交往往就卡在「年付能省多少」这一算,把两组数字放在同一页比分开两个页面有效。
四套首页版式可分别对应不同的产品定位:偏技术能力、偏行业方案、偏订阅转化,不必为换个说法重做整站。
这套结构同样适用于数据分析工具、自动化流程平台、客服机器人、API 服务商、营销 SaaS、企业知识库、AI聊天……凡是「按订阅收费、要讲清楚能接哪些系统、转化点在定价页」的产品都合用。
核心功能
定价页并列月付与年付两组价格,每档配独立功能清单
功能页把产品能力拆成可逐条核对的条目,而非一段笼统描述
集成页列出可对接的第三方工具,回应采购方的系统兼容顾虑
服务与服务详情分层,行业解决方案可单独成页做落地
用户故事区块呈现真实使用场景,配合数据背书增强说服力
四套首页版式,可分别对应技术、行业与转化三种叙事重心
常见问题页承接安全、数据存储、退订这类高频售前疑虑
团队与团队详情页,技术班底本身就是 AI 产品的信任要素
页面与技术规格
16 个 HTML 页面,含 4 套首页,实测 301 个文件、14.9 MB
基于 Bootstrap 5.3.8 构建,定价表在窄屏自动转为纵向堆叠
Swiper 承担轮播,GSAP 负责首屏时间轴与区块进场
下拉选择走 Nice Select,注册与咨询表单在移动端样式一致
数字递增由 Counterup 配合 Waypoints 实现
文字跑马灯走 Marquee,客户 Logo 条可无缝横滚