选择分类
  • 云瑞原创
  • Mockups
  • Ui Kits
  • 背景纹理
  • 图标
  • 平面图形
  • 探索
  • 笔刷
  • 图层样式
  • PPT模版
  • 影视素材
  • 教程
  • C4D资源
  • PS动作
  • 常用3D资源
  • 字体
  • 网站模板
  • LR预设
  • 设计学院

企业校招官网升级项目总结

01 项目背景

如大家所知,企业的招聘方式基本固定为社招与校招两种,而社招渠道比较宽泛,如多个招聘平台的招聘信息、猎头寻人、人脉内推等,而校招的渠道却比较单向,基本都是在毕业季前,在大学内宣讲、学校内搭建招聘展位等,由于时间较固定且频率不高,所以58之前并未搭建校招官网。

图片来自于《2021年度企业招聘渠道效果与趋势调研报告》

但是,由大易发布的《2021年度企业招聘渠道效果与趋势调研报告》指出,相比2018年,企业搭建专属招聘官网的比例已经从41.4%上升到了80.2%,71.8%的企业建设私域渠道的目的是提升候选人体验,企业开始跳出以「hr为中心」的视角,转向「以人才为中心」,时时刻刻照顾候选人的应聘体验。所以搭建58的校招官网也是势在必行。

02 两分钟底层法则的应用

英国形象大师罗伯特·庞德曾说,这是一个两分钟的世界,你只有一分钟向人们展示你是谁,还有另外一分钟让他们喜欢你,如何在短暂的时间,屏幕大小的空间里,吸引到与企业志同道合的人,是我们此次升级的设计标准。

·静态背景降低动态场景下的焦虑感

我们调研了几个拥有独立校招官网的大厂,信息架构逻辑大体一致,区别较大的就是头屏的展示方式是采用静态还是动态,然而这个也是我们项目内争执比较大的点,依据两分钟底层法则,动态视频的吸引力必定是大于静态的图片,而视频的加载时长的无法控制会很大程度的影响用户体验,现有某个大厂的头屏视频就是很明显的样例,在网络状况不佳的时候,头部的灰色背景带来了焦虑感。怎么弥补用户这几秒的焦虑呢?我们把不可控的几秒变成可控的温馨画面,在视频加载中头屏展示图片,加载完成后开始自动播放视频,这样头部视频的方案得以保留。

·极致的交互体验形式

通过竞品分析得知,为了保障信息的连贯性,首页大多都采用平铺的方式展示信息,在某个模块下会通过简单的交互展示更多的信息。虽然设计上模块鲜明,但是对于用户是一次性的信息输入,无法快速集中获取某个模块的信息,所以为了更好的做到信息架构分明,我们首页采用分屏+微动效的交互方式,每屏只向用户展示一个信息,做到沉浸式信息浏览,同时这种方式也在一定程度上提升了品质感,如特斯拉品牌官网也是采用同样的交互方式。

分屏效果展示


二级页面,则采用大图背景样式,内容在固定区域内滑动,增加官网高级感


03 设计语言定义

每个企业都有一个品牌宣传色,为了保持58的企业识别性,我们保留橘色为主色,同时橘色也可以更好地传递企业秉持的温暖的概念。其次,依据90后、00后这些z时代背景下的用户喜好,他们更注重品质、时尚,惊喜,内容等,针对这些关键词,我们采用了如下设计方式:

·复杂内容视觉化​

58的业务体系是复杂且庞大的,按以前的滑屏的交互方式很难有一个整体且直观的感受,那如何在简化的同时更直观、更整体呢?我们采用了当前流行的3D立体方式,打造了58的业务矩阵空间,这是个可以无限拓展的空间,对于目标明确的求职者可以快速查看某个品牌的介绍。

·加大视觉反差

在福利模块,为了突出福利内容本身,大胆采用灰色背景图片,同时增加不同形状的小面积色块做视觉的调和及内容类型区分。

在成长故事模块hover状态下,由原先的彩色照片变为橘色背景与黑白照片搭配,用户的视觉焦点可转为内容本身。点击后的故事详情页采用杂志式的排版,弹窗的样式减少用户的跳出感。

·图片增加故事性

为更加深入内容,我们单独拍摄了一套极具故事性的员工形象照,拉近用户与照片中人物的距离,增加用户的沉浸感,照片主要围绕氛围感、接地气、传染力展开拍摄。​

·标题化文案

经调研点击率高的内容,在标题文案结构上都做了很好的设计,所以文案优化也是我们设计语言的一部分。在标题中准确提炼用户感兴趣的信息,并打造每个故事之间的差异性,从而抓住不同用户的味蕾。​

05 总结

通过2022届校招季,我们收集了用户流程下的一些数据,首页-职位列表页-职位详情的uv得出流程漏斗下的转化率以及按钮点击转化率,与往年相比有了很大的提升。

最后再提一下英国形象大师罗伯特·庞德的话:两分钟的世界,你只有一分钟向人们展示你是谁,还有另外一分钟让他们喜欢你。然而当下VR科技的快速发展及应用,部分大型企业已经在官网首屏采用VR技术展示公司及企业文化,未来的可能性还有更多可探索的空间,说不定不久后可以用裸眼3D效果,给用户更加趋于真实的感受呢。

🙋 一起聊设计 🙋‍♂️

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

设计行业一手资料

设计大厂最直接内推

定期大咖直播

0门槛扫码进群!

期待与更多优秀设计师一起成长🤩

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

云瑞设计小程序
云瑞设计小程序

微信扫一扫
手机使用更方便!

云瑞设计订阅号
云瑞设计订阅号

关注我们的微信订阅号,不错过任何福利。