Tmall 天猫:Breaking News

2018-01-15 H5案例分享 H5案例分享
Tmall 天猫:Breaking News


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

识别图中二维码

Breaking News-查阅二维码

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


案例:Breaking News

出品:Tmall 天猫

亮点:

  1. 策划上,视频类。Loading完毕,点击按钮开始播放视频。视频内容形式如同案例《Tmall 天猫:日本无人镇の秘密》,以一个模拟节目“TMALL DISCOVERY”的角度展开,讲述节目组调查报道在北美发生的多起巨型宠物袭击事件,并且最终将真相揭开,原来是因为宠物们不满主人喂它们的宠物粮而生气,于是宠物博士T研究出了让宠物们都非常喜欢的宠物粮。视频播放完毕,结尾海报页露出天猫商品“北美进口天然宠物粮”。

 

  1. 设计上,开头部分和之前一样,真的很像一个纪录类电视节目。案例再次用了夸张的手法,来突出进口宠物粮的优质和“讨宠喜欢”。

 

  1. 体验上,虽然小五深谙这类案例的套路,但是不得不说,节目开头营造的紧张气氛,和后续的夸张过渡,都很有代入感,也非常有意思。想必不少爱宠物的人,一下子会联想到自己的爱宠是否满意现在的宠物粮,要不要买个进口的看看它是不是更喜欢。前几天看到有人虐待宠物的新闻,希望这样的人会越来越少。每一个生命都是宝贵的,希望全世界的人都能有爱心,善待生命,珍爱生命。



技术实现: Video + CSS3(animation)



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

标签

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

相关推荐:

Tmall 天猫:日本无人镇の秘密

天猫:双十一时光机

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~