网易考拉海购+网易新闻：圣诞危机

2017-12-20 H5案例分享 H5案例分享

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

识别图中二维码

圣诞危机-查阅二维码

完整欣赏此案例大约需要2分钟

案例：圣诞危机

出品：网易考拉海购+网易新闻

亮点：

策划上，图文展示类，进入首页是一张图片，下书：圣诞危机，首先是介绍了全球的圣诞老人罢工，进入之后是类似新闻的介绍，说明其原因：10岁的小男孩许愿想要女朋友却得到了一个充气娃娃。然后是一段小视频，视频中很多人留言都被送错了礼物，下一页面是几张报纸写着“对圣诞老人送错礼物展开调查”，和一段视频是新闻“事件最新进展”，甚至法院还通过了限制圣诞老人的”克里斯梅斯法案”，然后就是一开始的圣诞老人罢工事件，还有外国各地民众对此的看法。但在中国我们都过成了吃货节和购物狂欢节，最后引出目的：网易考拉海购，可以领取520元优惠券的圣诞治愈日安慰礼包。
设计上，开头的图片很符合圣诞危机的题目，同时马上到来的圣诞节圣诞老人却罢工了，引发人们对此的好奇，结尾的结果神转折，通过中外圣诞节的对比引出了目的让人哭笑不得。设计的话题和最后的礼包吸引眼球，画风突变却符合情理，十分幽默。
交互上,向上划屏、点击闪烁的小点或上箭头继续浏览，最后的页面可以点击领取礼包和告诉朋友。

技术实现： zepto.js+tween.js

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

标签