网易云音乐 + 一汽马自达:走自己的路,你永远独一无二

网易云音乐 + 一汽马自达:走自己的路,你永远独一无二

网易+一汽 走自己的路.jpg

创意分析

这是网易云音乐跟一汽马自达联合出品的一支宣传类H5。通过一支动效设置以及文案设计都特别美的H5,宣传了两家品牌。通过一个小人在人生的路上一路走来的经历和不同的境遇的描述,加上各种动画效果、音乐,还有内嵌的视频内容,来表达主题,凸显品牌。

2+3.jpg


技术分析

制作上采用的是jQuery + Tweenmax 技术实现的。开头根据提示长按指纹部分,开启行走界面,通过人生不同境遇的界面展示,用户点击屏幕提示部位,小人就可以跳到下一界面,然后页面会随之搭配符合情境的音乐,新生、好奇、青春、自由、迷茫等等,在遭遇这些之后会有成长和陪伴。播放完成后点击屏幕进入下一界面,然后是一支内嵌的视频广告,最后下方有两个按钮,点击回顾是马自达的活动回顾。

 

4+5.jpg

视觉分析

整支H5在视觉上采用的是深蓝背景,整体色调偏暗,画面中的小人仿佛置身于浩瀚的宇宙之中;小人物和文字采用白色背景很突出;动画之间衔接流畅、自然,用户交互体验非常好,让用户产生是自己在掌控这个小人的前行路线的感觉,而没有交互时循环播放动画也让画面充满活力。


6+7.jpg

8+9.jpg

10+11.jpg


人人秀原创文章,如若转载请注明出处:https://www.rrxiu.net/content-tp1ey4