我把「翻译官网」，重新定义成了产品理解问题

海外官网要让用户理解产品

ZEGOCloud 是为其他 App 和网站提供实时语音、视频、直播等技术能力，当时公司正在拓展海外市场，最初的任务是「把中文官网做成海外版」。

官网面对开发人员，也面对采购和业务负责人。他们需要判断产品能否解决自己的问题，却不一定能读懂底层技术。如果只是把原有功能说明翻译成英文，文字虽然准确，用户仍然要先理解大量技术概念。

所以我和产品团队重新确认了项目目标：官网首先要让不懂技术的人明白产品能做什么、和自己的业务有什么关系，再帮助他们继续了解和采购。

我的工作

我负责重新梳理官网面向的人群和最重要的信息，研究海外技术公司如何介绍复杂产品，再把技术说明组织成容易跟随的页面内容；完成首页核心页面和视觉设计，并与技术团队一起评估实现难度和网络条件，讨论替代方案。

项目完成后，我还整理了动效制作方法和风险清单，以及可以重复使用的设计资源，让后续团队不用从头摸索。

官网先回答「它能帮我做什么」

技术官网常见的做法，是摆出产品截图和功能名称，再列出技术参数。但对第一次接触产品的人来说，这些信息很难直接回答几个基本问题：这是什么、和我的业务有什么关系，以及它怎样用在真实场景里。

我减少首屏文字，用连续画面带着用户逐步理解产品，替换了原有官网逐项介绍功能的结构。视觉效果承担的是解释任务。

先看懂产品解决什么问题，再决定是否继续了解技术细节。

用画面解释技术怎样进入真实业务

首屏通过三维地球和全球业务元素，让用户先形成「这是一个服务全球市场的技术产品」的整体印象，不需要一开始就阅读大量说明。

继续向下滚动时，页面把抽象技术变成一段容易理解的过程：先看到技术代码，再看到它变成用户可以感知的语音和视频能力，最后进入直播、社交、教育等实际场景。

技术代码 → 用户能感受到的功能 → 实际业务场景

网络不好时，也必须可正常阅读

视频背景和跟随滚动的画面能让说明更直观，但海外用户使用的设备和网络差异很大。如果效果加载失败，用户不应该连最基本的信息也看不到。

我和技术团队一起准备了三种显示方式：网络和设备条件较好时展示完整视频和滚动效果；条件一般时改用较轻的卡片变化；条件较差时直接显示静态图片。

三种形式看起来不同，但信息顺序和核心内容保持一致。目标是让所有人都能看懂同样的产品信息，效果的复杂程度可以不同。

把一次项目变成后续可以继续使用的资料

项目完成后，我整理了动效怎样实现、什么时候需要简化，以及哪些地方容易出现问题，并在公司内部分享。团队以后可以根据用户和网络条件，结合开发成本选择合适方案，不必每次重新讨论。

项目中的插画和页面模块也被整理成可以继续使用的资源，后来复用于公司的多条产品业务线。

结果

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