編輯導語：你有沒有試圖了解過，什么樣的招聘官網(wǎng)設計更能打動畢業(yè)生的心？這篇文章作者舉例詳細分析了部分企業(yè)校招官網(wǎng)升級方案，感興趣的小伙伴一起來看看吧。

一、項目背景

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

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

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

二、兩分鐘底層法則的應用

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

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

我們調(diào)研了幾個擁有獨立校招官網(wǎng)的大廠，信息架構(gòu)邏輯大體一致，區(qū)別較大的就是頭屏的展示方式是采用靜態(tài)還是動態(tài)，然而這個也是我們項目內(nèi)爭執(zhí)比較大的點，依據(jù)兩分鐘底層法則，動態(tài)視頻的吸引力必定是大于靜態(tài)的圖片，而視頻的加載時長的無法控制會很大程度的影響用戶體驗。

現(xiàn)有某個大廠的頭屏視頻就是很明顯的樣例，在網(wǎng)絡狀況不佳的時候，頭部的灰色背景帶來了焦慮感。怎么彌補用戶這幾秒的焦慮呢？我們把不可控的幾秒變成可控的溫馨畫面，在視頻加載中頭屏展示圖片，加載完成后開始自動播放視頻，這樣頭部視頻的方案得以保留。

2. 極致的交互體驗形式

通過競品分析得知，為了保障信息的連貫性，首頁大多都采用平鋪的方式展示信息，在某個模塊下會通過簡單的交互展示更多的信息。

雖然設計上模塊鮮明，但是對于對于用戶是一次性的信息輸入，無法快速集中獲取某個模塊的信息，所以為了更好的做到信息架構(gòu)分明，我們首頁采用分屏+微動效的交互方式，每屏只向用戶展示一個信息，做到沉浸式信息瀏覽，同時這種方式也在一定程度上提升了品質(zhì)感，如特斯拉品牌官網(wǎng)也是采用同樣的交互方式。

分屏效果展示：

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

三、設計語言定義

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

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

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

2. 加大視覺反差

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

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

3. 圖片增加故事性

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

4. 標題化文案

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

五、總結(jié)

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

最后再提一下英國形象大師羅伯特·龐德的話：兩分鐘的世界，你只有一分鐘向人們展示你是誰，還有另外一分鐘讓他們喜歡你。

然而當下VR科技的快速發(fā)展及應用，部分大型企業(yè)已經(jīng)在官網(wǎng)首屏采用VR技術展示公司及企業(yè)文化，未來的可能性還有更多可探索的空間，說不定不久后可以用裸眼3D效果，給用戶更加趨于真實的感受呢。

作者：環(huán)鐵藝術家；微信公眾號：58UXD

本文由 @58UXD 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可，禁止轉(zhuǎn)載。

題圖來自 Unsplash，基于CC0協(xié)議。