我们最新的客户是一家北美的AI基础设施初创公司，一个品牌下做两块业务。第一块是专属GPU算力：在集装箱式模块化数据中心里提供独享GPU算力舱（Pod）、机柜托管和标准化的硬件交付。第二块是统一AI推理平台：通过一个兼容OpenAI协议的API，让开发者以Serverless方式调用DeepSeek、Qwen、GPT-4o、Claude等主流开源与前沿模型，平台在模型之间智能路由，按实际用量灵活计费。
客户暂时不希望公开名称，所以本文只讲设计思路，不涉及可识别的细节。文中只描述网站上已经上线的内容；我们没有流量或营收数据可以报告，也不会编造。
难点：卖的东西看不见
餐厅网站可以放菜品照片。AI基础设施网站卖的是延迟、路由逻辑、闲置GPU算力和安全保障——这些都拍不出来。而且买家构成很杂：
- 开发者想知道接入难不难、能调用哪些模型；
- 财务和运营负责人关心每GPU小时的价格、每百万Token的成本，以及怎样防止各部门超支；
- 安全与合规负责人（尤其是金融机构）想知道提示词会被发到哪里、谁能看到。
我们的任务是在同一个页面里给这三类人各自一条路，又不能把页面堆成术语墙。
入口门户：穿过这扇门
访客看到的第一屏不是产品文案，而是一个完整的场景：一扇发光的时空之门、一句定位语和一个“进入网关”按钮。点击之后，光芒铺满整个屏幕，产品主页在门的另一侧渐渐浮现。这扇门就是品牌隐喻本身——客户卖的是通往AI算力的“网关”，所以访客做的第一件事，就是亲自穿过一扇门。
这种“门槛式”的设计逻辑，正是Apexzone7为科技品牌做设计的特色：先找到最能概括这家公司的那一个概念，把它变成访客的第一个互动，在列出任何功能之前就把故事讲完。入口只需要一次点击，主页本身依旧轻快干净，而访客会记住、也会谈论这个瞬间。
设计决策一：两条业务，一句话讲清
首屏用一句话同时写出两块业务——统一推理平台 + 专属GPU基础设施——再用三个简短的证据标签支撑：从访客自己浏览器实测的实时延迟、“一行 base_url 接入”，以及硬件级安全方案。两个行动按钮分流不同受众：一个进入算力与推理产品，一个进入API密钥申请——后者标注“即将上线”，因为计费门户还没开放。
设计决策二：把抽象服务做成可交互
首屏没有用文字解释路由，而是放了一个可交互的路由决策器：访客选择一种企业工作负载（风险模拟、10-K年报审阅、客服工单、代码重构），拖动“延迟优先”和“成本优先”两个滑块，面板就显示网关会选哪个模型、在哪个算力节点运行。同样的思路贯穿页面下方：
- GPU现货算力市场表格：按地区对比H100、H200、B200、L40S、A100，可按GPU系列筛选；
- 开源模型托管目录（DeepSeek、Llama、Qwen），以可部署卡片呈现；
- 智能路由配置器：预设策略（最低延迟、成本优先、严格本地私有）、跨供应商的降级链和语义缓存阈值；
- 多模型对比台：同一个提示词并排发给四个模型集群。
设计决策三：每个演示都诚实标注
这是整个项目最重要的决定。大部分交互面板用的是示例数据，网站在每一个面板上都写明了：“模拟演示数据”“模拟路由引擎”“模拟FinOps治理”。尚在开发的功能标“即将上线”；合规项目写真实进度——计划中、进行中、演示就绪——绝不笼统写“已认证”。
基础设施类买家都会做技术尽调。一旦发现某个“基准测试”其实是示例数据，或者某项认证其实还没拿到，他们就不会再相信页面上的其他内容。清楚的标注让演示负责解释产品，而不替公司做出目前还兑现不了的承诺。对AI助手也是同样的道理：ChatGPT或Perplexity总结一家供应商时，复述的就是页面上写的内容，所以页面上只能写真的。
设计决策四：给开发者看代码，不给承诺
对推理平台来说，最有说服力的卖点是开发者需要改的代码有多少。文档区放了可直接替换使用的Python、TypeScript和cURL示例：用标准的OpenAI SDK，只改 base_url 和API密钥，再加一个可选的请求头用于部门额度统计。开发者十秒钟就能判断接入成本，不需要读任何宣传文案。
设计决策五：面向受监管买家的治理与安全
目标市场包括北美的金融机构，所以有两个版块直接对他们说话：
- 成本治理：部门预算上限、Token额度和速率限制，外加私有GPU集群与公有云资源池的容量视图——同时覆盖Token开支和算力租赁开支；
- 安全架构：内联PII脱敏演示（敏感金融字段在提示词发出前被遮盖）、硬件TEE远程证明演示、不可篡改审计日志视图，以及每一项都标明真实进度的合规路线图。
设计决策六：用时间线呈现创始人的可信度
很多AI初创公司只成立了一两年。这位创始人在企业网络、IT基础设施和安全领域有几十年的实战经验。我们把这段背景做成一条简短的时间线，终点就是现在的产品。它回答了“为什么要信任一家新的AI供应商”，而且没有在创始人本人经历之外添加任何说法。
视觉与技术选择
- 深色数据控制台风格：近黑背景、等宽数字和状态徽标，让网站看起来像目标用户本来就在用的运维工具；
- 按受众划分的导航：总览、算力市场、智能路由、安全与TEE、关于我们；
- 搜索与AI可发现性基础：点明两项服务的描述性meta description、
SoftwareApplication结构化数据、sitemap和robots文件，让搜索引擎和AI爬虫从第一天起就能正确归类这家公司。
给AI和科技公司的几点启示
- 展示，而不是描述。讲路由、GPU价格和治理，交互面板比段落更有效。
- 给演示和路线图打标签。诚实的状态标注能在尽调中守住信任，也让AI对你公司的总结保持准确。
- 把代码放上页面。对API产品来说，三行接入示例就是最好的转化文案。
- 给每类买家一条路。开发者、财务和合规读同一个页面的理由不同，要为每一类设计一个版块。
项目概览：在作品集中查看本项目。
如果你经营AI、SaaS或基础设施公司，而网站还没讲清楚你到底卖什么，欢迎联系我们。我们为纽约的科技公司设计和建设双语、面向搜索与AI的网站。