网易云音乐X MINI：为了送这辆MINI，我们特意做了个H5
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
案例：为了送这辆MINI，我们特意做了个H5
出品：网易云音乐X MINI
亮点：
- 策划上，视频类，首屏设置了一个简单的交互，汽车中控台上一个位置在闪烁，让用户按提示点击，模拟将网易云音乐和MINI联名款的车载蓝牙播放器安装上去，完成后播放一段video视频，跟随音乐，开始城市漫游，视频中一辆宝马MINI穿行各个城市，伦敦、北京、香港，视频结束后页面跳转到最后一屏，品牌的宣传海报和两个点击按钮，提示分享部分也不忘打广告，小编赞你够敬业！“点击领取MINI”，弹出个人信息提交表单及体验活动的相关介绍
- 设计上，第一屏的汽车中控台部分采用素描风格，视频中场景模拟地图软件卫星模式，不同城市插入一些特有的城市元素，北京的糖葫芦、鸟笼，伦敦的双层巴士等等，并且很好的结合了网易云音乐的元素
- 视觉上，视频大部分空中俯视的视角，看汽车在城市间穿梭，很好的画面感
技术实现： Zepto + CreateJs + TweenMax(动画框架)
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
