官网平台类产品的设计挖掘

产品的官网设计，业务开始综合考虑产品设计在内外各平台上的一致性、高价值运营转化模块的凸显，以及上线后的用户满意度等运营数据。信息传达模式、信息分层逻辑、业务对设计理念的理解成本，成为大家共同关注的话题。

建立设计师的全局视角

刚刚接触官网的同学，在进行官网平台产品全局性的升级时，往往会过于关注局部，但理解业务，建立完整的视角才是帮助产品和用户创造价值的先决条件。

设计师可以从不同的维度入手，站在上下游各角色的角度审视和推动，用小成本实现大价值。在具体方法上能拆解目标整合和深耕。要有系统化思路，从上至下全盘分析，洞察再逐一拆解实现。挖掘设计的机会点现状与问题点首先官网平台产品的使命和作用是为腾讯云开发者和用户提供价值内容、优质服务，帮助产品和业务打造用户口碑。其次从业务角度，结合业务场景、用户人群及产品诉求进行梳理整合，规划产品功能的完整链路，强调合作同时也更强调驱动和量化。不要将视野局限在某一个产品上，而是根据用户接触平台的整个链路来看，从而发现更多痛点。

1. 用户分层

先对用户进行分层，定位高价值客户，在设计过程的方案选择中，以服务高价值客户为主。不管是对于用户还是对于业务的商业目标本身，都更能提升设计价值。对其它分层的用户，执行不同的转化策略：

付费意愿强但 ARPU 低的用户，提升通过场景打通产品之间的关联性；提升产品使用的核心体验，确保用户留存与回购；展示更完善的产品选型推荐，并逐步实现复数产品的打包购买。

2. 问题点

1.产品层：产品需要更直观的样式展示和抉择引导，也就是需要高效地指导他们选择正确的模块。

2.体验层：现网模块对直播、点播视频能力的支持不足；标准化的活动运营模块和售卖/选型模块的建立，解决业务运营活动快速上线的需求。

3.视觉层：现网视觉风格从 2017 年起已经走了多年暗色风格，视觉审美疲劳；部分竞品以官网形式展现产品，对标时在视觉层面不对等；难以支持部分业务对技术品牌展示的需求。

确定设计目标

腾讯云官网平台虽然已经具备了强大的业务体量，但首页楼层堆栈严重。担心内容体量呈现不够，内容太多客户无法快速理解接收，而有价值的信息，无法触达对应价值需求的客户，我们希望能以一个全新的姿态面向用户，所以这次改版的目标明确为以下内容：内容框架上，从高效分发，内容吸引，认知减负三个方向进行提升；品牌视觉上，从色彩、图形、文字三个方向进行提升，由此达到这次官网升级的目标，即内容升维、提高转化、强化品牌记忆。

1.内容升维：信息高效传达

平台承载着各大业务乃至整个腾讯云品牌对用户的信息触达任务，针对不同业务内容、不同类型客户，我们都将信息精准并高效地触达用户作为首要的价值点。

信息的逻辑合理性

平台往往会按照版本迭代将现有的功能平铺，功能丰富起来后，大量的功能就会显得无处安放，所以搭建一个高效，可扩展的结构尤为重要。此结构会根据用户在页面和场景的关注点的不同，对内容进行排序，精简、合并产品页模块，减少因内容迭代导致的楼层堆栈。提升高价值信息的展示优先级，让用户更容易发现有利于转化的内容，如业务场景、运营活动、技术亮点等。（最终体现于：突破、重塑模块）

信息的内容纬度

从文字到图片，从图片到视频，再到可交互内容，为了提升站点对信息呈现与触达的效率，平台一直着力于对内容的信息升纬。增加更丰富的信息纬度，过去以表格、图文呈现的技术信息，现在以信息更丰富的视频形式呈现给用户，模块展现时自动播放，巩固用户对信息的记忆。或者用动图的形式，让用户能获得比原本静态图片更容易理解的信息，深度关联自身业务场景，获取清晰的上云预期。又或是通过可人机交互的体验模块，让用户能通过自己操作，亲自体验产品的性能优势。（最终体现于：突破、深挖模块）

信息的层次感

通过小标签、数值的提炼等方式，为大量内容划分层次，提升用户获取或理解业务关键内容的效率。并且用规则的阵列布局，营造有序严谨的腾讯云官网形象，同时也满足平台和各业务的发展和扩展需求。（最终体现于：重塑、突破模块）

2.提高转化：高价值信息展示

官网首页需要优化与升级页面的基础能力，为高价值客户及业务提供新能力，为特定客户和业务提供能力的迭代，满足业务的通用价值的迭代。

3.品牌记忆：一致的设计语言

其实旧的资产有一定的品牌基础，设计可以有新旧的碰撞，不断赋予新的理念，让旧的设计宝藏再次发光，不要为了创新而创新，多关注已有的东西。

在体验升级的同时，我们决定基于行业差异化，从以下几个目标对平台进行升级：重塑、深挖、突破

重塑--设计语言

重塑的设计策略是围绕前期的分析来定位的，我们先将设计关键词进行拆解，建立设计原则，最终把设计语言应用到品牌系统中，从而构建新的的品牌形象。

品牌关键词拆解：科技感、信赖、智慧、开放、连接

重塑--增加更精确有效的内容推荐

根据点击率及售卖数据，对主导航、首页产品区的展示内容进行筛选和排序，结合运营及特性两个维度的标签，以更符合客户的预期与认知的形式呈现更有效的推荐效果。

重塑--导航结构和内容承载的更新

将导航面板铺满可视区，最大化利用空间，避免切换导致面板抖动。层级优化，将旧版两层导航改为一层导航，优化空间，界面清爽。运营位置增强，导航新增运营板块。

重塑--300+产品页面模块更新及解决方案模块

产品页、解决方案、非售卖模块统一升级迭代

重塑--产品分类图标：将云产品进行具象表达

几何图像是对语意的高度概括，简洁和干脆的几何图形可以加强文字信息传递以及氛围渲染的效果。无论是几十像素的ICON还是大块面的辅助图形，都延续着几何感、规律化的视觉风格；原先的线框类型的图标元素满足不了用户对于产品的理解和感官认同。于是我们增加了图标的3d具像化和动态平衡。基于产品大类的划分，抽离共性做差异化基座设计。

重塑--特性图标：新拟物与C4D的结合就是平面与3D的结合

用毛玻璃来体现虚实，因为它是一种轻量级的设计元素，适合用作辅助/支撑。这种风格的关键参数在于：背景模糊与饱和度，赋予色彩，色彩的渐变，不透明度，光影、薄厚、噪点等。

重塑--3D配图：凸显产品的优势

新增3D配图用于补充释义适用场景及解决方案文案，以更高效、容易让用户理解产品实际应用场景的功能及属性。

深挖

官网是最直接、最具感染力的视觉传达途径。我们从品牌设计理念出发，以轻量，通透的视觉形式来体现技术带来的未来感。

深挖--实时渲染真 3D 可交互模型视觉与交互体验创新

设计打破了原本界限，从静止到可交互，从之前的二维到三维到动态体验。设计，技术，硬件到了一个全新的时代。腾讯云作为云领域的领先者，产品生态越来越多元丰富，多品类的复杂环境展现在我们面前，我们重新审视自己，站在用户，产品，客户的视角，来平衡“品牌诉求"和“业务诉求”。

这次官网首页banner采用前沿的真 3D 技术，实时渲染，客户在浏览过程中可以与其产生微交互，增加访问趣味而不干扰信息的浏览。同时利用自研工具，将复杂的 3D 动画变为简单的可视化生产工具。只需要点选材质、效果与光影，就能快速生成一个符合规范的 3D 图形，快速发布到官网。

深挖--产品页面区分banner层级

产品底座差异化设计：

官网平台中业务最重要且内容最多的页面应为产品页面。随着腾讯云业务的体量增大，不同类型的业务展示也要塑造差异化视觉感官，当务之急我们必须对业务进行梳理，对单一产品、特殊产品、产品品牌、产品矩阵赋予不同的感官元素。分别适用于两种不同的场景。延续产品图标辅助以3D几何化的构成、产品组合来强调产品视觉特点。3D几何化

而很多产品都需要快速上线，300+的产品数量会影响到设计的效率问题，于是我们根据产品页面导航分类及产品图标类型，分别定为10种标准banner底座类型：计算、存储、数据库、基础通信、安全、网络、开发者、监控、互联网中间件、万能型。

价值：支持业务自主编辑页面后由官网平台来审核内容和执行发布，系统会自动推送进度消息入群和通知业务方，实现介绍页从启动配置到发布上线整个流程在线化、透明化，高效化。

优网科技秉承"专业团队、品质服务" 的经营理念，诚信务实的服务了近万家客户，成为众多世界500强、集团和上市公司的长期合作伙伴！

优网科技成立于2001年，擅长网站建设、网站与各类业务系统深度整合，致力于提供完善的企业互联网解决方案。优网科技提供PC端网站建设（品牌展示型、官方门户型、营销商务型、电子商务型、信息门户型、微信小程序定制开发、移动端应用（手机站、APP开发）、微信定制开发（微信官网、微信商城、企业微信）等一系列互联网应用服务。