屈臣氏:锦鲤魔盒 30s任你装

2019-04-15 H5案例分享 H5案例分享
屈臣氏:锦鲤魔盒 30s任你装


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

识别图中二维码

锦鲤魔盒 30s任你装-查阅二维码

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


案例:锦鲤魔盒 30s任你装

品牌:屈臣氏

亮点:

1.创意定位

这是由屈臣氏推出的宣传H5,邀请用户参与游戏将产品装入锦鲤魔盒中,参与抽奖,如果中奖便可获得所有装进魔盒的产品。

 

2.策划上

①加载结束后直接进入了一小段视频,是网红博主李佳琦最经典的惊呼“OMG”片段。随后进入首页。②在首页点击开始按钮进入游戏说明页。看完说明,点击“我知道啦”开始游戏。③游戏时间30秒,用户需要在传送带上疯狂的点击产品,装入自己的锦鲤魔盒内,倒计时结束后会显示用户抢到的产品,如果满意便能直接参与抽奖,如果不满意还可以再玩一次。④尾页也是抽奖结果页,没抽中的话还会送用户一张门店优惠券。该页有两个按钮,一个是分享出去与朋友PK,另一个是活动相关海报及二维码图片。

 

3.设计上

紫色和黄色为主色调,很潮的撞色风格。把网红博主作为活动代言人,抠出的小表情很有趣。 

 

4.体验上

加载速度快,操作流畅,抽奖部分抽的太快了,还没反应过来就告诉我没中,有点懵,如果加个过渡动画会更好。

 



技术实现: html5



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

标签

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

相关推荐:

屈臣氏:治愈系唯美动画短片《公主的秘密》

屈臣氏:春节到神仙也说唱,年画的freestyle你听了没有?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~