網(wǎng)易新聞H5:非凡人類鑒定計(jì)劃

網(wǎng)易新聞:非凡人類鑒定計(jì)劃

微信圖片_20180828085706.jpg


創(chuàng)意分析:

創(chuàng)意定位,網(wǎng)易新聞出品答題類小游戲,通過8道測(cè)試題,測(cè)試出你的非凡基因匹配度及和誰(shuí)最像。

 

g1/2018/08/28/1535418590175.jpg


技術(shù)分析:

策劃上,首先引入的是星空特效作為鋪墊,隨后出現(xiàn)“輸入你的昵稱”開啟鑒定,共8道題,五大類,每答對(duì)一道+5分,答錯(cuò)一道+0分,最后根據(jù)得分鑒定出匹配度百分比和相似人物形象。長(zhǎng)按即可保存測(cè)試結(jié)果圖片,圖片上附帶二維碼,有利于分享和品牌推廣。

 

g1/2018/08/28/1535418610259.jpg


視覺分析:

視覺上以暗色調(diào)為主,配圖以DNA結(jié)構(gòu)、浩瀚的宇宙空間為背景,測(cè)試的答題場(chǎng)景很炫酷。體驗(yàn)上,題目由易到難,具有挑戰(zhàn)性。深邃的視覺感,加上配樂以及腦洞答題,整個(gè)H5還是很有科技感的!

 


QQ音樂:對(duì)牛談情

微信圖片_20180828085721.jpg


創(chuàng)意分析:

創(chuàng)意定位,QQ音樂出品音樂連接愛,用視頻形式播放展示,添加微信聊天內(nèi)容,創(chuàng)意十足。主題是以對(duì)牛談情,把每一個(gè)直男男友比喻成牛,再日常的生活中產(chǎn)生的矛盾問題,引發(fā)大眾產(chǎn)生共鳴感!

 

g1/2018/08/28/1535418646421.jpg


技術(shù)分析:

策劃上,用視頻播放展示,配上相應(yīng)的旁白及文字,添加微信聊天內(nèi)容,一開始男朋友不會(huì)表達(dá)愛;對(duì)女朋友漠不關(guān)心;后來男朋友用QQ音樂表達(dá)“想你”“不是不愛你”等歌曲發(fā)送給女朋友,表達(dá)了內(nèi)心的想法,微信聊天視角也隨之發(fā)生轉(zhuǎn)變,視頻播放完畢之后跳出“七夕甜蜜情歌”點(diǎn)擊可查看歌單,也可分享給好友,讓更多的人“說”出愛。

 

g1/2018/08/28/1535418673398.jpg


視覺分析:

設(shè)計(jì)上,場(chǎng)景搭配以及動(dòng)漫人物設(shè)計(jì)走心,有一些小細(xì)節(jié),比如深夜和下班兩個(gè)微信聊天場(chǎng)景,深夜明顯比下班色調(diào)深一點(diǎn),代入感很強(qiáng)。體驗(yàn)上,符合實(shí)際,切近生活,看完都忍不住給喜歡的人發(fā)送“想你”呢!

 


知乎大學(xué):測(cè)測(cè)你到底會(huì)不會(huì)談戀愛

微信圖片_20180828085727.jpg


創(chuàng)意分析:

創(chuàng)意定位,在七夕之際,推出關(guān)于戀愛的測(cè)試,題目與愛情相關(guān),也正巧是宣傳主題,恰到好處。分為倆個(gè)視角,從男生和女生的視角進(jìn)行再約會(huì)的過程中相關(guān)的測(cè)試,從而分析出你的戀愛指數(shù)!

 

g1/2018/08/28/1535418726774.jpg


技術(shù)分析:

策劃上,通過7道題,測(cè)試用戶的戀愛力。題目是由四套視頻組成的,分別針對(duì)單身男女,和戀愛中的男女,都是以第一視角的方式呈現(xiàn),可謂照顧周全。題目的設(shè)置都與愛情相關(guān),每道題都是由戀愛中很常見的場(chǎng)景引發(fā),貼合生活。所以題目回答完畢后,會(huì)生成結(jié)果頁(yè),內(nèi)容包含5個(gè)角度的雷達(dá)圖,以及與用戶最相似的影視劇人物。


g1/2018/08/28/1535418759593.jpg


視覺分析:

設(shè)計(jì)上,通過實(shí)景視頻與適量插圖相結(jié)合的方式,視頻使用第一視角拍攝,很有代入感。體驗(yàn)上,雖然有四套視頻和問題,但加載的速度很快,畫質(zhì)也很清晰,雖然題目略多,但出境演員的演技很好,選擇的場(chǎng)景貼近生活,代入感強(qiáng)。


 微信圖片_20180828085735.gif


QQ音樂那篇H5還是很感人

看的我雞皮疙瘩都起來了

我想這篇對(duì)于直男癌患者

應(yīng)該有很多啟發(fā)作用

不過還是善意的提醒廣大女生

現(xiàn)在的男生社會(huì)壓力還是挺大的

有時(shí)候需要相互理解!


 16.gif


更多創(chuàng)意H5解析

請(qǐng)關(guān)注H5創(chuàng)意匯

每周為你解析最熱門H5案例


人人秀原創(chuàng)文章,如若轉(zhuǎn)載請(qǐng)注明出處:http://www.bydok.cn/content-5dzdmh