一句话概括设计目标:

2021年初淘宝天猫联合启动了“商家体验提升战役”,对产品体验以及服务链路进行了升级优化,在设计侧,除了满足产品升级下必要的链路设计,也发起了从视觉观感角度的品牌升级,带给商家全新的产品面貌,进而带领商家逐渐认知升级后平台方方面面的积极变化

在开工前,我们分析了历代元老的样子,思考新的千牛应该往什么方向演化才是合理的?

在千牛面世直至 5.0 版本一直处于对行业洞察下的成长期,在2016年千牛品牌被定调。5年后的今天,我们再次通过品牌升级告知商家当下 9.0 版本正在发生的正向变化,而进入成熟期的品牌需要延续并强化已形成的用户认知。
image.png
image.png

回顾本次的主要命题,品牌升级为辅,所以应该在继承用户历史认知之上形成递进的认知升级才是核心
image.png
image.png

回到今年“商家体验升级战役”中的核心产品变化中,品牌升级应该如何辅助这个变化呈现?
品牌升级是一个引子,牵引商家认知 9.0 的平台变化,最终呈现的是视觉手段:
image.png

综合各种前期设计定调后,我们定下了“轻快有成就感的商家经营体验”作为设计的目标方向:

全局样式的定调与落地

直接进入正题,在保留主色基调的前提下,对品牌融入“质感”的属性,并将其一脉相承地落地到产品界面和品牌观感中:
image.png

基于千牛蓝的主品牌色,我们拓展出3个分支辅助色系,用于更丰富地表达产品界面中的层次。
image.png

在界面的核心视觉元素“Icon”中也融入了曲线化的造型修饰,结合千牛蓝落地品牌 Icon.
image.png
image.png

商家群体的年轻化、对产品质感的要求、对工作愉悦感的期许,让我们重新审视商家端后台产品的调性。全平台视觉质感的重建是让用户感知“经营新体验”的环境基础,一个趋近用户审美或明亮舒适的新工作环境所带来的感受层变化是不容小觑的。

选取部分组件脱离标准规范(集团fusion)进行了定制化研发:
image.png
使得最终界面UI的呈现有了较大的突破:
image.png

品牌 LOGO 的整形手术

我们在保留 LOGO 形体的基础上对“材质”“颜色”“线条”进行了焕代,来配合产品界面的升级(核心)形成从内到外的一致观感。亚克力是一种轻盈但不廉价的材质,它清透的质感可以让千牛的品牌蓝更有穿透力,从平面化向 3D 的回归亦是当下设计趋势所向。

image.png

在文字升级中,优先割舍了“千”字头上的钱币元素,让字形更纯粹,同时也是千牛中部分商家工具实行免费化的一种暗示。

image.png
image.png

对核心笔画进行曲线化的处理,让文字本身变得轻快流畅,同时优化文字的重心及部首位置来保证在小尺寸下的视觉识别度。
下.gif
image.png

最终 9.0 千牛 LOGO 给用户带来的观感就是“还是那个熟悉的千牛,一切都刚刚好”
image.png
image.png

品牌周边的拓展

我们做的第一个周边就是将一块真实的亚克力板做成了杯垫,它可以在办公桌上并始终停留在你的视野中:
image.png

对内,我们也为项目组打造了定制化的工牌挂绳,时刻铭记自己的责任
image.png

小牛的IP也在这个阶段进行了升级,它是所有情感化拓展场景的基座
image.png

在虎年新春为商家打造的一套贺礼,包含春联、福字、红包
详情可见:https://www.yuque.com/u961501/sdfqyy/mg3ci1
image.png

品牌的最后一步,长尾品牌物料的产能延续

我们结合3D工具,对未来的潜在需求进行了生产SOP的计划,在替换原有平面视觉素材的基础上,通过物料参数沉淀的方式建立初代资产,来源源不断地提升接来下的产能。
image.png
一张图对比现在和未来:
image.png

首个场景的落地尝试:
image.png