三大創(chuàng)意H5來襲:特步,人民日報,網(wǎng)易

特步:我是X星人

1.jpg

創(chuàng)意分析:

特步的“我是X星人”,通過H5測試和生成海報的形式進(jìn)行品牌傳播。H5內(nèi)容豐富,從視頻到H5測試到生成海報一氣呵成,特效酷炫。

g1/2018/07/10/1531210914582.jpg

技術(shù)分析:

技術(shù)上,先使用視頻引入故事,使得用戶代入其中,再加入測試題目引發(fā)用戶興趣,最后生成海報。

g1/2018/07/10/1531210659779.jpg

g1/2018/07/10/1531210672100.jpg

視覺分析:

設(shè)計上,用動漫形式展現(xiàn)開場故事,視頻酷炫。測試題類型豐富(文字題+圖片題),且選項較少,給用戶體驗良好。



人民日報:七十年,一路同行

5.jpg

創(chuàng)意分析:

2018年是人民日報創(chuàng)刊70周年,這支H5就是在這樣的背景下應(yīng)運(yùn)而生。H5采用了視頻形式,展現(xiàn)了創(chuàng)刊以來的若干重大事件。

g1/2018/07/10/1531210706604.jpg

技術(shù)分析:

技術(shù)上主要運(yùn)用了視頻展現(xiàn)和生成海報,其中選擇出生日期的交互,十分有質(zhì)感。


g1/2018/07/10/1531210725496.jpg

視覺分析:

設(shè)計上,主色調(diào)采用了報紙?zhí)赜械募堎|(zhì)色,充滿了懷舊氣息。



網(wǎng)易:守護(hù)你的幸運(yùn)足球


8.jpg

創(chuàng)意分析:

世界杯期間怎能沒有足球相關(guān)的H5呢?這支H5是有網(wǎng)易聯(lián)合噠噠、999皮炎平三方出品,通過足球小游戲吸引用戶,從而生成海報達(dá)到品牌宣傳的效果。

g1/2018/07/10/1531210794316.jpg

技術(shù)分析:

技術(shù)上,使用了超快的HTML5 2D渲染引擎PIXI和生成海報。點擊足球可升降,躲避或接下障礙物。


g1/2018/07/10/1531210812343.jpg

視覺分析:

設(shè)計上,使用了各品牌的主色調(diào),紅色+藍(lán)色+黑色。整體畫風(fēng)偏暗,給人以神秘感,雖然簡單但不失特色。


雖然網(wǎng)易在H5江湖中的地位無人能及

但騰訊的實力也是不容小覷的

本周的兩個案例已經(jīng)展示了肌肉

期待未來兩家能制作出更多的經(jīng)典H5!


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