猎聘 | B端运营位图标升级复盘

2021年

随着B端用户量增长，B端的设计风格逐渐向C端靠拢（俗称：B端C化）

由于招聘平台B端主要以文字信息为主，所以图标就自然的成为体现设计风格的重要元素。

——————————

项目背景 | Background

产品目标

1.提升运营位入口整体点击率  2.强调重点运营活动入口  3.希望图标可以更有活力一些

旧版分析

1.配色单一  2.重点运营活动样式与其他入口样式未区分  3.图标风格老旧

▲旧版样式

——————————

优化思路 | Thinking

配色

从纯色改为渐变色，渐变色能在一个色彩倾向中产生更多的色彩可能，相比纯色更丰富、更多元，同时也让配色更加年轻化。

▲配色搭配

图形

对旧版icon的图形进行分析，发现有很多设计问题，并优化了图形样式让表意更明确。

▲细节优化

▲图形优化

质感

采用了毛玻璃与光泽的质感给图形赋予高级感与呼吸感，给用户带来更加极致的视觉体验与想象的空间。也更容易在短时间吸引用户。

▲图形优化

动态

在重点运营活动图标加入动态效果，让图标赋予生命力，带来更加生动的视觉冲击力，让界面的层级关系更加清晰的同时与用户产生情感共鸣，从而提升入口转化。

▲猎聘10周年入口动态效果（标签+图标动态）

▲邀请同行入口动态效果（标签+图标动态）

动态实现

由GIF实现转变为Lottie实现。减少文件大小，而且Lottie不受帧数限制，可以尽享丝滑～

——————————

总结 | Summary

图标升级后为猎聘的B端设计语言奠定了基础，让猎聘更加向年轻化的设计方向发展。

同时数据也带来了非常显著的提升~具体数据就不公开了。

感谢阅读，以上是对运营位图标优化的复盘，会继续在图标领域探索，一步步提升自己的能力，同时也希望对你们以后绘制图标带来帮助~