顺丰速运：一起开启“橙”意魔盒

2017-12-19 H5案例分享 H5案例分享

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

识别图中二维码

一起开启“橙”意魔盒-查阅二维码

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

案例：一起开启“橙”意魔盒

出品：顺丰速运

亮点：

策划上，进入主页是一个大宝箱，上有三个橙子并弹出对话框“收集徽章抽好礼”，上面有标题：给你我的小橙意，点击马上去收集可以进入收集徽章界面，分享给好友可以集齐徽章，集齐后可以抽奖，奖品都有关顺丰，意在宣传顺丰速运。
设计上，采用橙色作为主色调，可爱漫画风格，人性化的橙子在宝箱上晃动、进入宝箱的很多宝贝吸引人去购买和抽奖。
交互上,点击徽章收集分享给好友，集齐徽章可以马上抽奖。如果奖品是顺丰卷却不是会员还要短信验证码验证。

技术实现： JavaScript+annie.js

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

标签