大廠案例實(shí)戰(zhàn)！企業(yè)校招官網(wǎng)升級(jí)項(xiàng)目總結(jié)

項(xiàng)目背景

如大家所知，企業(yè)的招聘方式基本固定為社招與校招兩種，而社招渠道比較寬泛，如多個(gè)招聘平臺(tái)的招聘信息、獵頭尋人、人脈內(nèi)推等，而校招的渠道卻比較單向，基本都是在畢業(yè)季前，在大學(xué)內(nèi)宣講、學(xué)校內(nèi)搭建招聘展位等，由于時(shí)間較固定且頻率不高，所以 58 之前并未搭建校招官網(wǎng)。

來自于《2021 年度企業(yè)招聘渠道效果與趨勢(shì)調(diào)研報(bào)告》

但是，由大易發(fā)布的《2021 年度企業(yè)招聘渠道效果與趨勢(shì)調(diào)研報(bào)告》指出，相比 2018 年，企業(yè)搭建專屬招聘官網(wǎng)的比例已經(jīng)從 41.4%上升到了 80.2%，71.8%的企業(yè)建設(shè)私域渠道的目的是提升候選人體驗(yàn)，企業(yè)開始跳出以「hr 為中心」的視角，轉(zhuǎn)向「以人才為中心」，時(shí)時(shí)刻刻照顧候選人的應(yīng)聘體驗(yàn)。所以搭建 58 的校招官網(wǎng)也是勢(shì)在必行。

兩分鐘底層法則的應(yīng)用

英國(guó)形象大師羅伯特·龐德曾說，這是一個(gè)兩分鐘的世界，你只有一分鐘向人們展示你是誰(shuí)，還有另外一分鐘讓他們喜歡你，如何在短暫的時(shí)間，屏幕大小的空間里，吸引到與企業(yè)志同道合的人，是我們此次升級(jí)的設(shè)計(jì)標(biāo)準(zhǔn)。

1. 靜態(tài)背景降低動(dòng)態(tài)場(chǎng)景下的焦慮感

我們調(diào)研了幾個(gè)擁有獨(dú)立校招官網(wǎng)的大廠，信息架構(gòu)邏輯大體一致，區(qū)別較大的就是頭屏的展示方式是采用靜態(tài)還是動(dòng)態(tài)，然而這個(gè)也是我們項(xiàng)目?jī)?nèi)爭(zhēng)執(zhí)比較大的點(diǎn)，依據(jù)兩分鐘底層法則，動(dòng)態(tài)視頻的吸引力必定是大于靜態(tài)的圖片，而視頻的加載時(shí)長(zhǎng)的無法控制會(huì)很大程度的影響用戶體驗(yàn)，現(xiàn)有某個(gè)大廠的頭屏視頻就是很明顯的樣例，在網(wǎng)絡(luò)狀況不佳的時(shí)候，頭部的灰色背景帶來了焦慮感。怎么彌補(bǔ)用戶這幾秒的焦慮呢？我們把不可控的幾秒變成可控的溫馨畫面，在視頻加載中頭屏展示圖片，加載完成后開始自動(dòng)播放視頻，這樣頭部視頻的方案得以保留。

2. 極致的交互體驗(yàn)形式

通過競(jìng)品分析得知，為了保障信息的連貫性，首頁(yè)大多都采用平鋪的方式展示信息，在某個(gè)模塊下會(huì)通過簡(jiǎn)單的交互展示更多的信息。雖然設(shè)計(jì)上模塊鮮明，但是對(duì)于用戶是一次性的信息輸入，無法快速集中獲取某個(gè)模塊的信息，所以為了更好的做到信息架構(gòu)分明，我們首頁(yè)采用分屏+微動(dòng)效的交互方式，每屏只向用戶展示一個(gè)信息，做到沉浸式信息瀏覽，同時(shí)這種方式也在一定程度上提升了品質(zhì)感，如特斯拉品牌官網(wǎng)也是采用同樣的交互方式。

分屏效果展示

二級(jí)頁(yè)面，則采用大圖背景樣式，內(nèi)容在固定區(qū)域內(nèi)滑動(dòng)，增加官網(wǎng)高級(jí)感

設(shè)計(jì)語(yǔ)言定義

每個(gè)企業(yè)都有一個(gè)品牌宣傳色，為了保持 58 的企業(yè)識(shí)別性，我們保留橘色為主色，同時(shí)橘色也可以更好地傳遞企業(yè)秉持的溫暖的概念。其次，依據(jù) 90 后、00 后這些 z 時(shí)代背景下的用戶喜好，他們更注重品質(zhì)、時(shí)尚，驚喜，內(nèi)容等，針對(duì)這些關(guān)鍵詞，我們采用了如下設(shè)計(jì)方式：

1. 復(fù)雜內(nèi)容視覺化

58 的業(yè)務(wù)體系是復(fù)雜且龐大的，按以前的滑屏的交互方式很難有一個(gè)整體且直觀的感受，那如何在簡(jiǎn)化的同時(shí)更直觀、更整體呢？我們采用了當(dāng)前流行的 3D 立體方式，打造了 58 的業(yè)務(wù)矩陣空間，這是個(gè)可以無限拓展的空間，對(duì)于目標(biāo)明確的求職者可以快速查看某個(gè)品牌的介紹。

2. 加大視覺反差

在福利模塊，為了突出福利內(nèi)容本身，大膽采用灰色背景圖片，同時(shí)增加不同形狀的小面積色塊做視覺的調(diào)和及內(nèi)容類型區(qū)分。

在成長(zhǎng)故事模塊 hover 狀態(tài)下，由原先的彩色照片變?yōu)殚偕尘芭c黑白照片搭配，用戶的視覺焦點(diǎn)可轉(zhuǎn)為內(nèi)容本身。點(diǎn)擊后的故事詳情頁(yè)采用雜志式的排版，彈窗的樣式減少用戶的跳出感。

3. 圖片增加故事性

為更加深入內(nèi)容，我們單獨(dú)拍攝了一套極具故事性的員工形象照，拉近用戶與照片中人物的距離，增加用戶的沉浸感，照片主要圍繞氛圍感、接地氣、傳染力展開拍攝。

4. 標(biāo)題化文案

經(jīng)調(diào)研點(diǎn)擊率高的內(nèi)容，在標(biāo)題文案結(jié)構(gòu)上都做了很好的設(shè)計(jì)，所以文案優(yōu)化也是我們?cè)O(shè)計(jì)語(yǔ)言的一部分。在標(biāo)題中準(zhǔn)確提煉用戶感興趣的信息，并打造每個(gè)故事之間的差異性，從而抓住不同用戶的味蕾。

總結(jié)

通過 2022 屆校招季，我們收集了用戶流程下的一些數(shù)據(jù)，首頁(yè)-職位列表頁(yè)-職位詳情的 UV 得出流程漏斗下的轉(zhuǎn)化率以及按鈕點(diǎn)擊轉(zhuǎn)化率，與往年相比有了很大的提升。

最后再提一下英國(guó)形象大師羅伯特·龐德的話：兩分鐘的世界，你只有一分鐘向人們展示你是誰(shuí)，還有另外一分鐘讓他們喜歡你。然而當(dāng)下 VR 科技的快速發(fā)展及應(yīng)用，部分大型企業(yè)已經(jīng)在官網(wǎng)首屏采用 VR 技術(shù)展示公司及企業(yè)文化，未來的可能性還有更多可探索的空間，說不定不久后可以用裸眼 3D 效果，給用戶更加趨于真實(shí)的感受呢。

歡迎關(guān)注「58UXD」的微信公眾號(hào)：