項目背景

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

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

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

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

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

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

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)絡(luò)狀況不佳的時候,頭部的灰色背景帶來了焦慮感。怎么彌補用戶這幾秒的焦慮呢?我們把不可控的幾秒變成可控的溫馨畫面,在視頻加載中頭屏展示圖片,加載完成后開始自動播放視頻,這樣頭部視頻的方案得以保留。

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

2. 極致的交互體驗形式

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

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

分屏效果展示

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

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

設(shè)計語言定義

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

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

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

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

2. 加大視覺反差

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

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

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

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

3. 圖片增加故事性

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

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

4. 標題化文案

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

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

總結(jié)

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

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

歡迎關(guān)注「58UXD」的微信公眾號:

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

收藏 24
點贊 17

復(fù)制本文鏈接 文章為作者獨立觀點不代表優(yōu)設(shè)網(wǎng)立場,未經(jīng)允許不得轉(zhuǎn)載。