星巴克:MOVE一下,好”鲤”开运

2019-01-21 H5案例分享 H5案例分享
星巴克:MOVE一下,好”鲤”开运


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

识别图中二维码

MOVE一下,好”鲤”开运-查阅二维码

完整欣赏此案例大约需要51秒


案例:MOVE一下,好”鲤”开运

出品:星巴克

亮点:

  1. 创意定位

星巴克推出的通过在线钓锦鲤赢取优惠券的H5作品,用户通过摇晃手机钓取锦鲤,查看属于自己的锦鲤海报,并有机会获得星巴克的优惠券,分享作品可增加钓锦鲤的机会,以此扩大作品的推广。

 

  1. 策划逻辑

锦鲤吐泡泡的加载界面后,是“新年锦鲤体质图鉴”的初始界面,点击“开始测试”进入游戏,①钓鱼,一群锦鲤在屏幕上游来游去,根据提示摇晃手机,鱼钩随机调取锦鲤,生成海报。②海报查看,包括锦鲤名称,锦鲤图,和本年的命运分析,若没有获奖则点击“重新召唤”,若获得了奖品则点击“领取奖品”,或者分享游戏给朋友,获得再次钓锦鲤的机会。

 

  1. 设计上

绿色的主界面,颜色各异的锦鲤,和带有动画片感觉的背景音乐,烘托了活泼轻松的游戏氛围,锦鲤海报上也都是比较积极的鼓励语,愉悦用户体验。

 

  1. 体验上

摇晃一下就可以领取奖品,画风很可爱,呆萌的锦鲤与星巴克产品结合,游戏玩起来很轻松,只是机会有限,喜欢喝星巴克的可以多分享下获得再次钓锦鲤的机会,优惠券的优惠力度也还挺大的。



技术实现: HTML5



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

标签

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

相关推荐:

星巴克:全新星倍醇TM @你挑战四关

yo!×腾讯音乐娱乐:今年年终奖你能拿多少?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~