原文链接:https://mp.weixin.qq.com/s/RoKhthDMnNbVykRvpezOyA

58同城|如何用新风格引爆业务增长 - 图1
**

01 写在前面

2020年疫情席卷全球,线上直播成了人们沟通消费的主流媒介。58招聘在2020年中也顺势推出了“58直播招聘”服务,目的是帮助招聘者和应聘者建立起一个优质的线上招聘沟通平台,“直播带岗”这个新名词应运而生。今天聊聊运营设计在直播招聘业务高速增长中的定位与思考。

02 新的挑战

“直播招聘”作为一个全新的重点项目,产品力求打包整合现有直播内容资源,打造“58直播招聘”的系列品牌活动。如何保持整体的活动视觉风格统一,又能打造58独特的品牌气质,对设计端便成了一个新的挑战。

· 行业洞察

前期设计师通过对市场主流直播带货行业洞察,总结出了这类海报宣发的一些视觉规律:【画面简洁+直播元素+突出人物】。这类海报设计可以很清晰的给用户传达出直播属性和明星背书。明星背书带来的“真实可信”感受又成为拉动流量增长的密码。

58同城|如何用新风格引爆业务增长 - 图2
*图片源自网络

· 贴近用户
产品同学也深谙明星背书的流量之道,但在58招聘当时缺少明星代言的条件下,设计师提出使用带有职业属性的“职业人物”来诠示关键词“真实可信”的建议。这些职业人物虽然比不了明星的信任背书,但对于58招聘主攻的蓝领招聘市场,“职业人物”更易拉近用户的心理预期,获得更多用户认同。相比明星的“高高在上”,这个“职业人物”方案更加的接地气,更贴近58招聘的用户画像。

58同城|如何用新风格引爆业务增长 - 图3

03 新的机遇

在初步确定以“职业人物”作为核心展示的前提下,如何进一步体现“真实可信”,便又是一个摆在设计师面前的难题。

· 他山之石
韩国直播网站CREATOR LIVE SHOW的宣传海报让设计师眼前一亮,他最大的设计亮点是巧妙的表现出3D“直播界面”与真实人物的关系,让用户即能感受到“直播界面”中的真实,也能看到“直播界面”外的生动。配合简洁的纯色背景,整体的设计风格简洁鲜明、抓人眼球,完美诠释了“真实可信”的感受。

58同城|如何用新风格引爆业务增长 - 图4

“58直播招聘”吸收CREATOR LIVE SHOW的设计亮点,采用“手机直播框”来作为直播元素核心符号,兼具直播属性同时,也能更好的和职业人物搭配。

· 3D赋能

为了更好体现“真实可信”,设计师将原有的直播元素3D化。运用C4D软件将矢量图标挤压变形,得到具有厚度的立体元素,同时使用规则几何形图标框和圆角曲面,保持整体3D元素造型统一。
image.png

元素在材质的选择上选用漫射材质,颜色系统也使用了58品牌四色作为基础,减低饱和度的处理可以使画面中的多色共用更加和谐。丰富的3D直播元素组成了3D组件库,组件库的使用也方便后续延展,提升了设计效率。

image.png
image.png

· 优化细节

制作好3D直播组件库后,设计师需要将“真实人物+手机直播框+3D直播组件”有机结合在一起。“真人+手机框”排布在画面中心黄金位置,两者重叠穿插,增强空间关系,强化真实感。而3D直播组件则围绕手机框飞出,让画面更加丰富动感。
image.png

image.png

背景处理上选择品牌色单色填充,进一步拉开画面整体层次关系,突出核心信息展示。为了避免单色背景和主体元素视觉层级过大,设计师在两者之间增加了一层背景色的城市元素,即保证了画面整体层次丰富和谐,也融入了城市概念,强化城市蓝领们的认同感。

58同城|如何用新风格引爆业务增长 - 图10

· 兼顾整体

设计师优化了原有的卡片逻辑,简化预告信息层级,突出直播预告时间,强化核心引导。同时简化职位卡片展示逻辑,突出利益点,让职位卡片更加清晰,有利于提高核心引导。

58同城|如何用新风格引爆业务增长 - 图11
**

04 新的收获

“58直播招聘月”系列活动围绕普工、餐饮、销售、物流4种高频职业开展宣传招聘,活动上线后效果远超预期,直播观看人数达到同期高峰,活动页面整体转化率也比预期高出4倍。至此“真实人物+3D直播元素+简洁背景”的新设计风格跑通落地。

image.png

05 写在最后

“58直播招聘”系列活动的成功推出,不仅让业务走上高速增长快车道,也让设计师摸索出了探索新风格的方法和经验:
· 洞察行业趋势寻找设计支点
· 贴近用户画像掌握设计抓手
· 新技术尝试拓展设计边界
· 优化细节设计提升用户体验
最后,设计师将带着这些经验继续前行,用设计为业务持续赋能。

image.pngimage.png

🙋 一起聊设计 🙋‍♂️

高质量,学知识的设计行业群

设计行业一手资料
设计大厂最直接内推

定期大咖直播
0门槛扫码进群!
期待与更多优秀设计师一起成长🤩
image.png
58同城|如何用新风格引爆业务增长 - 图16