设计沉思录｜企业校招官网升级项目总结

编辑导语：你有没有试图了解过，什么样的招聘官网设计更能打动毕业生的心？这篇文章作者举例详细分析了部分企业校招官网升级方案，感兴趣的小伙伴一起来看看吧。

一、项目背景

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

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

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

二、两分钟底层法则的应用

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

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

我们调研了几个拥有独立校招官网的大厂，信息架构逻辑大体一致，区别较大的就是头屏的展示方式是采用静态还是动态，然而这个也是我们项目内争执比较大的点，依据两分钟底层法则，动态视频的吸引力必定是大于静态的图片，而视频的加载时长的无法控制会很大程度的影响用户体验。

现有某个大厂的头屏视频就是很明显的样例，在网络状况不佳的时候，头部的灰色背景带来了焦虑感。怎么弥补用户这几秒的焦虑呢？我们把不可控的几秒变成可控的温馨画面，在视频加载中头屏展示图片，加载完成后开始自动播放视频，这样头部视频的方案得以保留。

2. 极致的交互体验形式

通过竞品分析得知，为了保障信息的连贯性，首页大多都采用平铺的方式展示信息，在某个模块下会通过简单的交互展示更多的信息。

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

分屏效果展示：

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

三、设计语言定义

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

1. 复杂内容视觉化

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

2. 加大视觉反差

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

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

3. 图片增加故事性

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

4. 标题化文案

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

五、总结

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

最后再提一下英国形象大师罗伯特·庞德的话：两分钟的世界，你只有一分钟向人们展示你是谁，还有另外一分钟让他们喜欢你。

然而当下VR科技的快速发展及应用，部分大型企业已经在官网首屏采用VR技术展示公司及企业文化，未来的可能性还有更多可探索的空间，说不定不久后可以用裸眼3D效果，给用户更加趋于真实的感受呢。

 

作者：环铁艺术家；微信公众号：58UXD

本文由 @58UXD 原创发布于人人都是产品经理。未经许可，禁止转载。

题图来自 Unsplash，基于CC0协议。