網(wǎng)易云音樂 + 一汽馬自達:走自己的路,你永遠獨一無二

網(wǎng)易云音樂 + 一汽馬自達:走自己的路,你永遠獨一無二

網(wǎng)易+一汽 走自己的路.jpg

創(chuàng)意分析

這是網(wǎng)易云音樂跟一汽馬自達聯(lián)合出品的一支宣傳類H5。通過一支動效設置以及文案設計都特別美的H5,宣傳了兩家品牌。通過一個小人在人生的路上一路走來的經(jīng)歷和不同的境遇的描述,加上各種動畫效果、音樂,還有內嵌的視頻內容,來表達主題,凸顯品牌。

2+3.jpg


技術分析

制作上采用的是jQuery + Tweenmax 技術實現(xiàn)的。開頭根據(jù)提示長按指紋部分,開啟行走界面,通過人生不同境遇的界面展示,用戶點擊屏幕提示部位,小人就可以跳到下一界面,然后頁面會隨之搭配符合情境的音樂,新生、好奇、青春、自由、迷茫等等,在遭遇這些之后會有成長和陪伴。播放完成后點擊屏幕進入下一界面,然后是一支內嵌的視頻廣告,最后下方有兩個按鈕,點擊回顧是馬自達的活動回顧。

 

4+5.jpg

視覺分析

整支H5在視覺上采用的是深藍背景,整體色調偏暗,畫面中的小人仿佛置身于浩瀚的宇宙之中;小人物和文字采用白色背景很突出;動畫之間銜接流暢、自然,用戶交互體驗非常好,讓用戶產(chǎn)生是自己在掌控這個小人的前行路線的感覺,而沒有交互時循環(huán)播放動畫也讓畫面充滿活力。


6+7.jpg

8+9.jpg

10+11.jpg


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