/腾讯云官网改版，真把B端玩出了新花样！
最新文章2023-10-27

腾讯云官网改版，真把B端玩出了新花样！

互联网巨头里，把 B 端积累最多的是阿里，而腾讯，虽然一直在尝试，却不得其门。

但是最近发现腾讯云的动作很多，而且设计上有明显突破。

也许是赶上 B 端产品 C 端化的浪潮，腾讯的 C 端运营经验刚好在这里派上用场。

腾讯云设计中心公众号最近发了一篇文章讲他们的官网改版：官网平台类产品的设计挖掘

文章内容很丰富，但可能因为是太丰富了吧……估计读起来比较费力。

此处借鉴一下网友留言：


不过毕竟大厂出品，质量怎么会差？

我就帮大家梳理一下，这里面比较重要的几个值得关注的要点。

先列一下大纲：
🎯 设计目标
📖 信息整合
💡 设计语言
🧩 组件管理
然后就开始吧：


🎯 设计目标
在大厂做设计，一切都是以业务为中心的。
先分析一下业务问题，发现可以从付费（ARPU）和付费意愿两个角度来分析。



去除最好应付和最不好应付的两种，剩下的就从两种角度出发进行优化：



  • 提升付费意愿

  • 提升客户付费（ARPU）


分析一下现在的腾讯云网站，发现在内容呈现、用户体验和品牌感知上，都有提升空间。



接下来的设计改版，就可以从这三个角度出发。



但是在原文里面，这三个点的主要内容其实更像是：
内容呈现 → 📖 信息整合
品牌感知 → 💡 设计语言
用户体验 → 🧩 组件管理
所以接下来，将会按照以上这个目录进行介绍。




 📖 信息整合


首页的主要难点在于价值平衡：


既要给需求明确的用户提供单场景细分信息，又要给需求不明确的用户提供多场景融合信息。





其次，需要提供各种不同类型的信息，以促成转化的最终目的。

一开始要在头部提供能让人产生兴趣的销售主张，然后在提供给有兴趣详细了解的用户核心内容介绍。
如果用户到这里还犹豫不定，那么再提供风险保障信息，以消除顾虑，最后再展示明确的转化入口。








在首页、产品页等页面上增强大会促销的曝光，吸引更多的客户能够参与活动：





在部分业务上，通过视频点播互动展示来提供更丰富的售卖展示，提高客户的参与感和购买转化。








💡 设计语言


以前的设计资产有一定的品牌基础在，但是缺乏多场景差异化，所以需要在此基础上进行优化、补充。





设计语言应该来源于业务本身，所以先来拆解一下品牌关键词：



科技感、信赖、智慧、开放、连接


基于这 5 个词，腾讯云的设计团队设定了这 3 个视觉设计目标：




科技代表高超的技术能力、探索代表对新事物的好奇心、空间代表对信息的容纳与折叠——这三个词选得不错。


之前的官网颜色很暗，但是考虑到最新的审美趋势与全新的设计语言，整个官网被提亮了。


保留并加强科技感的同时，结合新拟态风格，通过对光影、形状、材质的打磨，增加了产品的亲和力。






通过 3D 渲染，用清透的材质体现出空间纵深感，这图标一看就知道很花功夫：









 🧩 组件管理
腾讯云承载的业务越来越多，场景越来越丰富，设计组件的管理变得更愈发重要。

首页的 banner 采用前沿的真 3D 技术，浏览过程中实时渲染，并可以与客户产生微交互。

因为有自研工具，所以这个 banner 做起来效率高，只需要点选材质、效果与光影，就能快速生成一个符合规范的 3D 图形，快速发布到官网。

不过产品有 300 多个，数量实在太多，于是制定了 10 种标准 banner 重复使用：计算、存储、数据库、基础通信、安全、网络、开发者、监控、互联网中间件、万能型。

设计团队配合研发沉淀了一套设计规范和组件库，提升产品的一致性和开发效率。


最后，团队还制作了一些内部工具，来提升工作效率。
例如之前业务方根据架构图、客户图标等详细规范用传统绘图软件从0-1去绘图非常耗时，同时也增加平台审核的压力。

现在不但有了一套规范，还设计了「云架构设计工具」、logo库等提效产品，方便云架构师在线进行架构设计。


总结


虽然有人说这套借鉴了太多别家的思路，不过还是可以看得出设计团队扎实的能力。


尤其是对 B 端产品 C 端化的把控，值得 B 端的设计同学们参考借鉴学习。



想要学习或者练习交互，但又缺少机会和动力的朋友，可以了解一下「体验设计学习社」。


无限制作品集详细点评+答疑+免费训练营&学习打卡等活动，更有各类大厂内推：




如果你只是想要多认识一些同行，也可以加入我们无广告的纯粹体验研讨微信群：


本文来自微信公众号“体验进阶”（ID：Advanced_UX）。大作社经授权转载，该文观点仅代表作者本人，大作社平台仅提供信息存储空间服务。

TAGS:

相关文章