taobao.com 淘宝网:1212淘宝亲亲节

2016-12-02 H5案例分享 H5案例分享
taobao.com 淘宝网:1212淘宝亲亲节

案例:1212淘宝亲亲节

出品:taobao.com 淘宝网

亮点:

  1. 创意上,双12来临之际,淘宝做的H5营销,通过炫酷的画面效果和丰富的主题内容,为市场做预热,让大家提前走进“双12”。

 

  1. 策划上,进入页面,镜头从远慢慢拉近,当以为又是一个一镜到底的H5案例时,画面到了一个螺旋形的“转转城”(小五词穷不知道该起个什么名字好),总之看起来就像盘山公路一样,左右滑动屏幕,转转城开始转动,画面整体也会随着上升或下降。从12月一日开始,每天都有不同的主题和内容,用户可以点开查看,最后到12月12日,画面到达转转城顶部,点击上方的Logo可以查看转转城整体外貌。

 

  1. 设计上,画面色彩和内容都非常丰富。从第一天开始转,经过12天才能到达顶部,每一天都有不同背景色调,不同的主题和内容也会相继出现。画面的远近表现很到位,3D立体感很赞,配合活力十足的背景音乐,整体效果非常炫酷。

 

  1. 体验上,炫酷的画面并没有带来卡顿,操作起来很流畅,同时动画细节表现也很棒,看得出来从策划到设计到制作都很用心。



技术实现: PlayCanvas.js + jQuery


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

识别图中二维码

1212淘宝亲亲节-查阅二维码




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

标签

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

相关推荐:

天猫:天猫双11营销H5案例:尽情尽兴,尽在双11

淘宝:淘宝营销H5案例:淘宝造物节邀请函

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~