让非技术决策者看懂产品——ZEGOCloud 海外官网体验重构

项目背景：这不是一次简单的翻译需求

项目来自实时互动云服务平台 ZEGOCloud。当时公司正在拓展海外市场，最初的需求被描述为「把公司中文官网做成海外版」。

我认为：官网面对的不只是熟悉技术的开发人员，也包括需要了解产品价值、但不一定能读懂技术细节的采购和业务决策者。如果只是把中文官网中的功能说明翻译成英文，信息虽然准确，却仍然要求用户先理解大量技术概念。语言变了，理解成本并没有降低。

因此，我和产品侧重新对齐了项目目标：

我的责任

我在项目中负责海外官网的产品体验与设计推进，包括：

• 重新梳理官网的目标用户和核心沟通任务；
• 调研海外技术产品的价值表达方式；
• 将技术说明重新组织为用户可以逐步理解的叙事；
• 设计首页核心体验、视觉表现和滚动交互；
• 与前端共同评估实现风险和不同网络环境下的体验；
• 整理动效实现文档、风险清单和后续复用规范。

我的工作不只是完成一个新的视觉版本，而是先重新定义官网应该帮助用户完成什么任务，再决定内容、体验和技术方案。

关键判断：官网要解决的是理解问题

调研多个海外技术产品官网后，我发现，面向非技术决策者时，「功能截图＋技术说明」并不是最有效的表达方式。

这类用户不需要先理解所有技术细节。他们需要先回答几个更基础的问题：

• 这是一个什么产品？
• 它和我的业务有什么关系？
• 它如何进入实际应用场景？
• 我为什么要继续了解？

因此，我没有沿用原有官网的信息结构，而是把核心方向调整为：

低信息密度、首屏建立整体印象、滚动过程中逐步展开产品逻辑，不只是视觉风格选择，而是为了降低第一次理解产品的门槛。

把技术价值转化为一段产品叙事

我将技术信息重新拆解为两个阶段。

第一阶段：先建立全球化产品认知

首屏不依赖大量文字解释，而是通过三维地球与全球业务元素，让用户先形成「这是一个服务全球市场的技术产品」的整体判断。

第二阶段：解释技术如何进入真实场景

后续叙事不再逐项罗列功能，而是呈现一个连续过程：

用户随页面滚动，左侧文案和右侧视觉同步变化。即使不了解底层技术，也能沿着叙事理解产品能力如何作用于实际业务。

体验方案必须考虑真实网络条件

视差滚动和视频背景可以增强叙事效果，但目标市场的设备性能和网络条件差异较大。如果高保真动效无法加载，用户不仅看不到效果，也可能无法理解页面内容。

因此，我没有把「最佳视觉效果」作为唯一标准，而是与前端工程师一起制定了三级降级方案：

• 网络条件良好：展示视频背景和完整视差交互；
• 网络条件一般：切换为轻量的卡片位置变化；
• 网络条件较差：使用静态图片完成核心内容表达。

每一级的表现形式不同，但都保留相同的信息顺序和叙事逻辑。

这个取舍的重点不是让所有用户看到相同的视觉效果，而是确保所有用户都能理解相同的产品信息。

从一次项目沉淀为可复用能力

项目完成后，我整理了动效实现方式、体验降级逻辑和风险清单，并在公司内部完成分享。

这些内容让后续团队不需要重新讨论「应该做多复杂的效果」，而是可以根据目标用户、网络条件和实现成本选择合适方案。

结果

• 官网核心架构沿用三年以上，没有被整体推翻；
• 项目中形成的插画资源被复用于公司多条产品业务线；
• 动效实现和降级经验被整理为内部协作文档。

这个项目没有单独归因到采购转化或收入数据，因此它不能直接证明官网带来了多少商业增长。

它更能证明的是：面对一个看似明确的设计需求，我会先重新判断目标用户和产品任务，再在用户理解、视觉表达、技术限制和全球访问条件之间完成取舍，并推动方案落地。