一套设计系统，而非模板
我们从零开始：不用主题模板，不用建站工具，也不会把上一个项目的组件库直接搬过来。您的网站会拥有专属的配色方案、字号体系、间距节奏、布局网格，以及为您的品牌量身编写的组件，全部以代码形式提交。这也是为什么我们做的任何两个网站看起来都不会一样。
深色配色方案与浅色方案是同步设计的，而不是最后简单反色处理，所以手机开启深色模式的访客看到的也是经过精心设计的页面，而不是一个褪色的版本。
企业网站
企业官网往往是认真的买家最先查看的东西。我们打造您网站的方式，与产品公司打造自家产品别无二致： 为您的品牌从一张白纸开始设计，编译为静态 HTML，部署在全球边缘网络，在每种视口尺寸下测试，并以便于被搜索发现的方式撰写内容。
启动项目
或发送邮件至 sales@wwi.dev
渲染方式
静态 HTML，没有运行时服务器
分发方式
Cloudflare 全球边缘网络
无障碍
WCAG 2.2 AA 标准，逐页验证
语言
覆盖您所有的目标市场语言
追踪脚本
默认不加载第三方脚本
归属权
代码仓库和域名都归您所有
交付内容
Whitewater 打造的网站包含什么
每个项目交付的核心内容都是一致的。设计和文案因客户而异，但工程标准不会降低。
为买家真实的搜索意图撰写页面
每种搜索意图对应一个独立页面，使用您目标市场惯用的措辞。标题用来回答问题，而不是充当装饰，内部链接也让页面层级对读者和搜索引擎爬虫都一目了然。内容单薄的页面既排不上名次也无法转化，因此每个页面都会承载它该有的信息量，恰到好处，不多不少。
真正能送达的联系渠道
表单是纯 HTML，提交到同一域名下的无服务器端点。它由 Cloudflare Turnstile 人机验证、隐藏蜜罐字段和填写耗时检测三重保护，并从已验证的发信域名发出，确保线索能进入收件箱，而不是被归入垃圾邮件。
如果提交被拒绝，访客看到的会是如实的错误提示和一个邮箱地址，而不是一个消息其实已被悄悄丢弃的感谢页面。
每种目标语言，都有完整的页面
每种语言都拥有独立的真实路由和真实文案，hreflang 语言标记、自我指向的规范链接以及正确的文字方向都在每个页面上妥善处理。这个网站本身就以八种语言上线，作为最直接的证明。
图片与字体在构建阶段就处理妥当
图片在构建过程中会被调整尺寸、转换为现代图像格式并生成内容哈希，再从您自己的域名下发布。品牌字体会按照您所需语言的字符集裁剪子集并自行托管，因此不会有第三方字体请求，字体加载时也不会造成页面布局跳动。
一个属于您的代码仓库，附带完整测试
您将获得源代码、自动化检测流程，以及一条命令即可完成的部署方式。这些测试并非摆设：无障碍标准、多语言一致性、安全响应头、元数据规范和链接完整性，都会在每次改动时运行，一旦检测失败就会阻止部署。
工程实现
它是如何构建的
技术栈刻意保持精简。可动的部件越少，凌晨两点出故障的可能性就越低，三年后换一位开发者接手，也依然能看懂这个网站。
静态优先
页面在任何访客到达之前就已经编译为 HTML。请求路径中没有应用服务器，也没有数据库查询阻塞首次渲染。内容、导航和元数据都直接写在 HTML 里，因此无论是搜索引擎爬虫，还是网络信号较弱的手机用户，看到的都是同一个页面。
增强体验，而非依赖
JavaScript 只在真正值得的地方加入，并且作用范围限定在需要它的那一个组件上。即使关闭 JavaScript，页面依然可读，导航依然可用，表单依然可以提交。
资源只需处理一次
图片、字体和样式都在构建时统一处理，并以内容哈希配合永久缓存响应头对外提供。回访用户几乎无需重新下载任何资源，而新的部署也绝不会误用旧版本的资源。
可撤销的部署
每一次改动都是一次提交。持续集成流程会构建网站、运行完整的测试套件，通过之后才会发布到边缘网络。一旦出现问题，只需一次回退即可恢复到之前的版本。
搜索
让搜索引擎找到您
对大多数公司来说，自然搜索是新客户找上门的主要途径。这意味着搜索优化是构建阶段的硬性要求，而不是事后交给另一家代理机构补做的附加项。
- 结构优先。每种搜索意图对应一个页面，标题直接回答搜索者输入的问题，内部链接让页面层级清晰可辨。
- 每个页面的 head 信息都规范整洁。独立的标题和元描述、唯一的规范链接，以及在聊天工具中粘贴链接时能正确显示的社交卡片。
- 结构化数据来自可见内容本身。组织信息、服务信息和面包屑标记都由页面渲染所用的同一份数据生成，搜索引擎读取到的内容永远不会和访客看到的产生偏差。
- 机器可读的索引。覆盖所有语言的站点地图索引、指向它的 robots 文件，以及面向如今为人们总结网站内容的爬虫准备的 llms.txt。
- 即时收录。每次生产环境部署都会向 IndexNow 接口推送有变化的网址，支持该协议的搜索引擎几分钟内就能获知更新，而不必等到下一次抓取。
- 核心网页指标与生俱来。静态分发、带哈希的永久缓存资源，以及零第三方脚本，是取得优秀实测数据最直接的路径，而这项数据本身也是排名因素之一。
- 我们不会承诺的事。没有人能保证您的排名。我们负责打好技术和内容基础，让优质内容有能力参与竞争，上线后持续跟踪效果，并如实告诉您哪些部分不在我们的掌控范围内。
无障碍
所有人都能用，而不只是大多数人
无障碍访问同时关系到法律合规、搜索信号和品质信号。我们把 WCAG 2.2 AA 级标准当作最低门槛，并通过机械化检测来验证，而不是只在宣传册里口头承诺。
- 逐页、逐视口、逐配色方案审核。自动化审核会对每个构建出的页面在手机、平板和桌面三种宽度下、浅色和深色两种配色方案中运行，一旦发现问题就会导致构建失败。
- 真正的键盘可操作性。第一个可聚焦元素就是跳转链接，焦点轮廓在任何位置都清晰可见，Tab 键顺序也与页面结构一致。
- 两种配色方案下的对比度都达标。文字和界面颜色都会对照真实背景色进行检查，深色模式的检验标准和浅色模式一样严格。
- 动效会先征得许可。如果访客的系统开启了减少动态效果，任何动画都会被停用，取而代之的是一帧静态画面。
- 语义化标记。地标区域、按顺序排列且每级唯一的标题、带标签的表单字段，以及每张图片都配有描述性替代文本。
- 舒适的点击区域。每个可交互元素都达到 24 像素的最小尺寸要求，并通过实际测量来验证，而不是凭肉眼判断。
- 我们也会亲自动手用键盘测试。自动化检测能发现很多问题，但并非全部，所以上线前我们还会亲自用键盘操作网站，并在小尺寸屏幕下阅读内容。
语言
一个网站，覆盖您所有的目标语言
在英文页面上叠加一个翻译插件，搜索引擎看不见，读起来也不舒服。真正的多语言支持是路由和内容层面的决策，需要从一开始就确定下来。
- 每种语言一个独立路由。每个页面在每种语言下都有自己独立的网址，可以被单独收录、链接和分享。
- 正确的信号。每个页面都带有包含 x-default 的 hreflang 语言标记集合，规范链接指向页面本身，而不是英文原文。
- 从版面层面处理从右到左的语言。样式表全程使用逻辑属性，因此阿拉伯语会让整个版面自然镜像，而不是靠零星修补实现。
- 由人撰写，而非机器翻译。每种语言的文案都以品牌的语气单独撰写。机器翻译的痕迹一眼就能看出来，买家也看得出来。
- 字体大小实事求是。字体会按字符集裁剪子集，非拉丁文字则回退到系统字体，而不是给手机推送几兆字节的字体文件。
- 无需 JavaScript 的语言切换。各语言版本的同一页面之间通过普通链接互相连接，不依赖 Cookie，也不做猜测式跳转。
安全与邮件
安全可靠，邮件也能送达
官网的攻击面虽小，但值得认真收紧，而一个联系表单如果邮件总是进垃圾箱，那也毫无意义。
- 货真价实的内容安全策略。不允许任意内联脚本：每段内联脚本都通过哈希值锁定，其余一律拒绝执行，这样注入的恶意脚本就完全无法运行。
- 从第一天起就配置好传输与浏览器响应头。严格传输安全、禁止内容嗅探、引荐来源策略和防嵌套保护，从第一次部署起就已就绪。
- 多层表单防护。Turnstile 人机验证确认真人身份，蜜罐字段拦截低级机器人，填写耗时检测拦截手速过快的机器人，每个字段还有服务器端校验和长度限制。
- 部署时检查邮件送达能力。发信域名的验证是发布流程的一部分，如果表单邮件无法送达，会由我们及时发现，而不是让客户在杳无音信中才察觉。
- 默认没有追踪脚本。除非您要求，否则不会加载任何第三方脚本；我们唯一会启用的统计工具也不使用 Cookie，因此也无需弹出同意横幅。
- 密钥绝不进入代码仓库。密钥保存在专门的密钥管理系统中，以环境变量的形式提供给运行中的网站，绝不会以文件形式出现在 git 仓库里。
交接
告诉我们这个网站要实现什么目标，需要说服谁。通过联系表单，或发邮件至 sales@wwi.dev，回复您的会是真正参与开发的人。