Calvin Klein 卡尔文•克雷恩：Calvin Klein腕表首饰

2016-08-11 H5案例分享 H5案例分享

案例：Calvin Klein腕表首饰

出品：Calvin Klein 卡尔文•克雷恩

亮点：

策划上，双屏互动+图片合成类。进入页面后，邀请小伙伴扫二维码，并各自上传照片，之后都摇动各自手机，照片就会复制到彼此手机中，并且能用两张照片合成一张合照，上传之后如果通过审核，还能让合照登上北京西单户外大屏幕！
设计上，背景为浅灰色，配合独特的排版，给人一种淡雅的感觉。摇一摇来传递照片，特效也很好看，手机放在一起的话效果更明显。
体验上，双屏互动来合照的形式还是很好玩的，虽然能移动调整图片位置和大小，但拼图的方式只有一种，且不能换顺序。还有，小编坚信，卷福和莫娘才是真爱，其他人，秀恩爱，请狗带！

技术实现： jQuery + TweenMax(动画框架)

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

识别图中二维码

Calvin Klein腕表首饰-查阅二维码

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

标签