設(shè)計(jì)沉思錄|企業(yè)校招官網(wǎng)升級(jí)項(xiàng)目總結(jié)

3 評(píng)論 5826 瀏覽 10 收藏 9 分鐘

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

一、項(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)的無(wú)法控制會(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ì)于對(duì)于用戶是一次性的信息輸入,無(wú)法快速集中獲取某個(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è)可以無(wú)限拓展的空間,對(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í)的感受呢。

 

作者:環(huán)鐵藝術(shù)家;微信公眾號(hào):58UXD

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

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

更多精彩內(nèi)容,請(qǐng)關(guān)注人人都是產(chǎn)品經(jīng)理微信公眾號(hào)或下載App
評(píng)論
評(píng)論請(qǐng)登錄
  1. 我之前還真在我們學(xué)校官網(wǎng)上看過,看了這篇文章之后,啊,還有待提升

    回復(fù)
  2. 企業(yè)招聘頁(yè)面如果能將企業(yè)文化、辦公氛圍、職場(chǎng)收獲設(shè)計(jì)融合一體而不雜亂,真的非常nice!

    來自江蘇 回復(fù)
  3. 有沒有可能還有高效的職位篩選外加人性化的簡(jiǎn)歷填寫過程呢?

    來自廣西 回復(fù)