Mengniu 蒙牛:寻找 Moon Milk

2016-07-19 H5案例分享 H5案例分享
Mengniu 蒙牛:寻找 Moon Milk

案例:寻找 Moon Milk

出品:Mengniu 蒙牛

亮点:

  1. 策划上,小游戏类。loading页面看上去很像手机被不明信号入侵,加载完毕后显示这是一个从月球发来的求助信号,需要用户接受任务。任务便是一个小游戏,在可以360°转动屏幕查看的太空场景中,捕获3个物资,之后便是蒙牛产品的展示。

  2. 设计上,黑和绿的配色,让画面非常有科技感,动画效果并不是视频或gif图,而是用CSS+JS实现的,非常炫酷。背景还有中文语音配音,很有身临大片的感觉。

  3. 体验上,太空场景是一个可以上下左右都可转动来观看的全景,配合科技感十足的背景音乐,很有代入感。



技术实现: jQuery


案例演示,请长按/扫描以下二维码 ->

识别图中二维码

寻找 Moon Milk-查阅二维码




以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

Mengniu 蒙牛:Moon Milk首款太空牛奶诞生

蒙牛:蒙牛早餐奶 测起床气 领福利

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~