奔驰：洪荒之力等你smart

2016-10-21 H5案例分享 H5案例分享

案例：洪荒之力等你smart

出品：奔驰

亮点：

策划上，游戏类，奔驰smart的限购0利率的营销活动小游戏，① 进入后需要邀请朋友扫描屏幕上的二维码，共同来玩这个游戏；② 持续点击屏幕上的按钮，会拉动smart朝自己这边来，游戏双方的点击数会分别记录在左右角；③ 一段时间后会有获胜或者失败的结果显示，接下来弹出来的是现购0利率的活动页面。
设计上，采用橘红色作为主色调，黑色作为背景色，强烈的色彩反差形成视觉上的冲击力，看起来很高大上。
技术上，里面的动画主要采用的是CSS3的animation双屏互动采用的是Socket.IO。

技术实现： Zepto + Socket.IO

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

识别图中二维码

洪荒之力等你smart-查阅二维码

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

标签