網(wǎng)易H5又雙叒叕刷屏了!大片的既視感!

最近票圈又被網(wǎng)易噠噠的H5刷屏

看到封面跟標題

以為是個恐怖片H5

打開后是挺“恐怖”的

“恐怖”的不僅僅是漫畫氛圍效果

還有就是傳達的主題思想

看到最后還是很難過的

這款具有教育意義的公益H5

整個視覺效果策劃等等

都是非常的有新意的

今天以網(wǎng)易新聞發(fā)布的公益刷屏H5開頭

帶大家看一下一周的熱門H5案例分享


微信圖片_20180917104210.gif



網(wǎng)易新聞X噠噠:她掙扎48小時候后死去,無人知曉。

1.jpeg


創(chuàng)意分析:

網(wǎng)易云這次的刷頻公益H5,呼吁保護瀕臨滅絕動物。以一個小女孩的求救為故事主線,最后角色更換到藍鯨及其他瀕臨滅絕動物,以第一人稱到第三人稱的轉(zhuǎn)化更加具有感同身受的意義,對于H5本身傳達的意義也更能放大。


g1/2018/09/17/1537150740328.jpg


技術(shù)分析:

策劃上提倡保護瀕臨滅絕動物為主題,上滑頁面開啟音樂打開整個故事,滑動頁面效果為主,加上動態(tài)圖作為故事情節(jié)轉(zhuǎn)變,很抓人眼球。每個故事轉(zhuǎn)折會有“撕破”“消失”的畫面,上浮的文字跟圖片技術(shù),更加具有寫實感。印象深刻的是最后即將要瀕臨滅絕的動物名字,下滑瞬間化成灰,這些技術(shù)通過復(fù)雜的代碼技術(shù)實現(xiàn)。

 

g1/2018/09/17/1537150796193.jpg


視覺分析:

以灰黑色為主色調(diào),白色勾畫出輪廓,整個H5的配樂非常棒,每一個故事轉(zhuǎn)折、情緒渲染,音樂都起到了非常重要的作用,美式動漫風(fēng)格,整篇H5以黑白基調(diào)手繪動漫為主,部分場景有動態(tài)效果,人物動作表情、細節(jié)方面勾畫的很棒。



中國民生銀行:測測你是哪種動物系買買精?

4.jpeg


創(chuàng)意分析:

創(chuàng)意定位,中國民生銀行為其世界卡業(yè)務(wù)推出的宣傳H5,以“買買精”為創(chuàng)意點推出信用卡業(yè)務(wù)。

 

g1/2018/09/17/1537150827160.jpg


技術(shù)分析:

策劃上,設(shè)定一個與好友搭乘MS號航班去旅行的情境,在旅程中遇到各種“花錢”的問題,引導(dǎo)用戶作出選擇,從而給出用戶測試結(jié)果。步驟:①主題頁,用戶點擊開始,輸入姓名,進入旅行;②H5畫面隨用戶點擊場景,或作出選擇進行切換。用戶一共做6道選擇題,分別涉及偏好的酒店、與朋友用餐結(jié)賬的方式、遇周年慶的想法、聽音樂聯(lián)想等。最后回到主題,查看測試結(jié)果;③結(jié)果頁為匹配的動物系海報,包含標簽和描述語,動物形象可能是河馬、貓頭鷹、猴子等等。并附上辦卡鏈接按鈕。

 

g1/2018/09/17/1537150856200.jpg


視覺分析:

H5色調(diào)以紫色為主,設(shè)計上,具現(xiàn)代感的卡通插畫風(fēng)格,場景切換流暢,場景設(shè)置跟問題,匹配度十足。

 


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