打造SaaS行业产品品牌与视觉体系

设计背景

〇 阿里云E2企业云服务

阿里云E2企业云服务(Alibaba Cloud E2 Enterprise Cloud Service),围绕企业重点经营环节,提供企业生产、企业采购、企业售前、售中、售后、到企业金融解决方案、企业研发在内的标准化产品服务。

〇 品牌主张 & 愿景 梳理

阿⾥云企业云服务主张 —— E2 ,Enterprise x Efficiency  企业 * 效率

与团队远景相呼应:为企业降本增效,致力于为企业提供高效、普惠、解决痛点、价值驱动的企业云服务!

同时E2 为 E to,⾯向企业:如E2能耗,是⾯向企业能耗的解决⽅案 。

〇 产品家族 梳理

企业云服务是一个庞大的产品矩阵体系,整个体系含有6大板块:E2 云采销、E2 能耗、E2 金融链接器、E2 多渠道链接器、E2 移动研发平台EMAS、E2 BizWorks。面向了采购销售、能源、金融、营销、开发者等行业。

在6大版块下,家族产品又分别为:

E2 云采销(云采销)、E2 能耗(能耗宝、能源大脑)、E2 金融链接器(云行情、云支出、云智宝 等)、E2 多渠道链接器(云码、企业商城 LinkedMall)、E2 移动研发平台EMAS(移动研发平台 EMAS、低代码开发平台魔笔)、E2 BizWorks(BizWorks、机器人流程自动化 RPA、API网关)

〇 设计挑战

1、企业云服务作为一个新聚合的阿里云产品大类,需要在国内国际快速打出品牌心智和影响力;

2、品牌心智如何更好地应用多行业、多产品中,并在前台官网、后台控制台、产品宣发等多场景多环境下拓展及适用;

3、产品icon诉求多且设计参差不齐:有些产品已有自己的图标,而有些产品没有,部分产品被强烈要求保持原始图形核心设计元素,也有业务板块线要求同板块的产品图标是一个体系;

4、在阿里云产品图标(截止到目前有282个)规范下,如何做到和而不同,并能快速识别企业云服务的产品。

企业服务品牌与视觉体系

〇 Symbols  System 符号系统

综合背景、产品体系现状与多场景多环境的应用,多方案探索后,我们用“E”和“2”形成一个封闭的容器,为E2设计一个简单、直接且独特的视觉符号框架,象征着阿里云为其客户提供可靠性和安全性。



有了这个框架后,旗下所有产品图标在这个定制图形中进行“内容填充”。核心元素从阿里云logo中横杆出发,结合各自行业特性、各产品属性和设计诉求,产出几何形。最终这些产品图标为E2家族创造了统一的设计语言,体系化的视觉识别让客户能够快速识别带有E2标志的产品,让他们相信阿里云提供的优质服务。


 

〇 Color System 色彩系统

 
阿里云 E2 企业云服务从云和计算的概念中汲取灵感,蓝色(#1b58f4)作为其品牌主色,传达稳定、专业的“企业”属性。在打造旗下6大行业板块调色版时,以易用性为重点,确保6大家族色颜色、色调的和谐、一致,同时仍允许个性化与差异化。此外,所有颜色和文本组合均已根据 WCAG 指南中的 AA 和 AAA 标准进行测试,以确保信息在所有设备和平台上的可读性。

图片
图片

规范化的产品图标与色彩系统设计,为其后续不断新增的产品提供了标准设计指引:

〇 Intuitive Layout System 直观的布局系统

中英文字体仍遵循阿里云大品牌字体规范:

图片

布局系统,支持动态设计、直接了当的导航指引和快速精炼的识别。充满活力的色彩和视觉效果加深了标志的品牌认知度,而摄影、构图、层次结构、尺寸和比例提供了有效的交流和用户体验。

其中,动画与动态设计使E2品牌栩栩如生,并强化了它的目的:提供了一个互动的、视觉上吸引人的设计系统,在营销与传播中(如独立官网、产品手册、发布会、大会展示、对外宣讲、公众号图文等)带来一致、愉悦且优秀的体验。

图片







E2 SaaS产品&体验
 

〇 Systematic User Experience 系统的用户体验

企业云服务品牌与视觉体系结合B-Design设计系统,针对E2下不同行业、各种规模的企业定制设计语言,提供系统和全面的用户体验。从采购、营销到电子商务、金融、能源等,E2 强大的服务套件可帮助企业快速高效地构建和管理数字产品,为客户们提供信心和便利。

图示仅为部分产品示意。







用户界面直观且易于使用,因此企业可以用最少的精力和时间启动和运行。借助 阿里云企业云服务E2,企业可以轻松、敏捷地开发和部署数字产品,从而在竞争中保持领先地位,并在各自的市场中保持竞争力。

原文:https://mp.weixin.qq.com/s/dUnWA7wHeFqNYyXuSuACwQ

- Posted in: Blog

- Tags: , ,

0 条评论 ,2,250 次阅读

发表评论

  1. 既然来了,说些什么?

Top