天猫：一只挖空心思的行李箱

2017-01-08 H5案例分享 H5案例分享

案例：一只挖空心思的行李箱

出品：天猫

亮点：

创意上，节日营销类H5作品。在2017年春节前推出，精准定位年下大家回家、购置年货、购置礼物的天时。以“一只挖空心思的行李箱”为题，用炫酷的3D旋转剪纸特效，讲述三个穿越时空的“过年”画面：年夜饭、走亲戚、老家电，天猫年货节让三个场景焕然一新，过年回家的人，天猫都为你准备好了。
设计上，以暖色红黄为主视觉，采用转轴旋转，展现剪纸故事的方式，配合文案故事，从内容和形式上，让人穿越时空，感受小时候、老时光里的美好和种种不好，通过天猫年货节为大家准备的年货，可以让过年的心意更有新意。
交互上，左右滑动屏幕，可以使“3D场景”向前、向后转动起来，点击屏幕，停止旋转。
体验上，很流畅，小五转转转，直接转到了最后。里面的故事，也轻轻的把我带到了小时候。当然，也有小小的不完美，不过不太影响效果。

技术实现： three.js

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

识别图中二维码

一只挖空心思的行李箱-查阅二维码

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

标签