AI 工具、Agent 开发框架与大模型基础设施（Infra）类的官网，在信息架构上面临着极高的解释成本：一方面，产品的底层技术可能非常前沿抽象（涉及多智能体编排、连接器协议、向量检索等）；另一方面，访问官网的人群既有一线算法/全栈工程师，也有寻找AI降本增效方案的业务主管。
以 Xpander.ai 等优秀 AI 工具官网为例，它们通过“首屏极简定性 + 展开菜单双轨目录 + 交互式实时演示”的三步解释顺序，化解了技术产品的理解门槛：
一、 为什么导航菜单需要拆分为“两类目录”？
当用户在顶栏点击展开下拉菜单（Mega Menu）时，首先将高反差的首屏黑紫科技感配色切换为安静、高可读性的纯白底色面板，并将导航入口清晰地一分为二：
- 第一类目录：按技术组件与功能名称（Products / Capabilities）：直接列出核心技术模块（如 AI Agent 运行时、多源连接器、记忆状态管理、安全护栏），每个条目下方用一行精准的技术语言说明其输入输出，专门服务带着明确技术选型任务的开发者。
- 第二类目录：按业务使用场景与角色（Use Cases / Solutions）：列出“自动化客户支持工单”、“研发代码审查助手”、“跨系统销售线索同步”等具体业务任务，服务于不关心底层协议、只关心“能帮我干什么活”的业务决策者。
二、 用“可点击的真实 Prompt / 运行结果演示”替代抽象宣传语
AI 官网最忌讳满屏放发光大脑或粒子地球，却不展示一行真实的输入与输出。在首屏下半部分直接嵌入一个轻量级的交互式沙箱或分步演示窗口——让访客点击预设的 3 个典型行业指令，即可直观看到系统如何调用接口、返回结构化结果，这是推动访客点击“获取 API Key”或“预约演示”的最强催化剂。
