網(wǎng)易云課堂X天真藍(lán)H5：測(cè)一測(cè)你還有多久會(huì)失業(yè)？

2018-09-26 H5分析創(chuàng)意H5 H5案例

網(wǎng)易云課堂X天真藍(lán)：

測(cè)一測(cè)你還有多久會(huì)失業(yè)？

創(chuàng)意分析：

創(chuàng)意定位，網(wǎng)易云課堂聯(lián)合天真藍(lán)出品的H5，以答題和游戲交叉進(jìn)行的方式進(jìn)行測(cè)試，通過測(cè)試失業(yè)速度的形式推廣職場(chǎng)升級(jí)攻略。整個(gè)H5以生動(dòng)的動(dòng)漫人物進(jìn)行測(cè)試，最后生成海報(bào)分析，還是很幽默的。

g1/2018/09/26/1537924054339.jpg

技術(shù)分析：

策劃上，進(jìn)入H5后，填寫昵稱、選擇性別即可進(jìn)入測(cè)試。共四個(gè)測(cè)試，兩個(gè)游戲（拍攝入職照、招架老板襲擊），兩道測(cè)試答題，完成后生成失業(yè)報(bào)告。失業(yè)單上有被開除時(shí)間和失業(yè)原因，長(zhǎng)按即可保存失業(yè)單，左下角附帶回流二維碼，有利于品牌推廣。

g1/2018/09/26/1537924076489.jpg

視覺分析：

設(shè)計(jì)上，背景音樂為輕快曲風(fēng)，與“失業(yè)”形成反差。整個(gè)H5以手繪動(dòng)漫為主，顏色鮮艷，風(fēng)格歡快、逗比。

BOSS直聘+氪空間：每個(gè)人都是自己的老板

創(chuàng)意分析：

BOSS直聘以測(cè)試你經(jīng)營(yíng)了什么樣的公司為主題，進(jìn)行的答題型測(cè)試H5，通過“九型人格”進(jìn)行人物選擇，通過職場(chǎng)的相關(guān)的測(cè)試答題，具體的展現(xiàn)你的職場(chǎng)性格及有趣的對(duì)應(yīng)企業(yè)家介紹，還是很生動(dòng)有趣，幽默型十足。

g1/2018/09/26/1537924117491.jpg

技術(shù)分析：

策劃上，測(cè)試你在經(jīng)營(yíng)一家什么樣的公司為出發(fā)點(diǎn)，根據(jù)斯坦福大學(xué)熱門課程“九型人格”理論。首先輸入姓名和選擇形象，回答5個(gè)問題，每個(gè)問題3-4個(gè)答案不等。通過回答的問題，給出主營(yíng)業(yè)務(wù)、和我風(fēng)格相似的CEO、公司文化和公司估值的海報(bào)，用戶可以長(zhǎng)按保存。

g1/2018/09/26/1537924140547.jpg

視覺分析：

設(shè)計(jì)上，扁平卡通風(fēng)格，BOSS直聘logo融入海報(bào)中。體驗(yàn)上，因?yàn)榈谝黄琳f本測(cè)試基于斯坦福大學(xué)熱門課程“九型人格”理論，讓結(jié)果更有理論基礎(chǔ)，讓結(jié)果更可信。整個(gè)H5以黃白色調(diào)為背景，手繪動(dòng)漫跟音樂還是很有趣味性的，視覺感很舒服。

騰訊地圖：大學(xué)，夢(mèng)想的起點(diǎn)。

創(chuàng)意分析：

創(chuàng)意定位，該H5由騰訊地圖出品，以測(cè)量用戶與大學(xué)的距離為創(chuàng)意點(diǎn)進(jìn)行宣傳。在進(jìn)行場(chǎng)景選擇時(shí)，很有懷舊感，最后生成的距離圖更加有轉(zhuǎn)發(fā)的欲望。

g1/2018/09/26/1537924169631.jpg

技術(shù)分析：

策劃上，開頭為一段約35秒的動(dòng)畫視頻，可選擇跳過。一個(gè)少年折出一架紙飛機(jī)并飛出，少年隨著紙飛機(jī)奔跑，也逐漸長(zhǎng)大，飛機(jī)飛過山川河流，被另一雙手接住并展開，紙上的文字提示用戶進(jìn)入距離測(cè)量。后續(xù)步驟：①用戶點(diǎn)擊“我的大學(xué)”，輸入大學(xué)信息與個(gè)人信息，點(diǎn)擊“穿越到大學(xué)”；②選擇想要穿越到的地方，如教室、宿舍等，后臺(tái)則匹配對(duì)應(yīng)內(nèi)容的海報(bào)；③生成用戶專屬圖片，并顯示與大學(xué)的距離。整支H5比較簡(jiǎn)單，視頻加填信息的方式因?yàn)槲陌父曨l更加具有寫實(shí)感。

g1/2018/09/26/1537924201941.jpg