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

2018-12-05 H5案例分享 H5案例分享

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

识别图中二维码

全新星倍醇TM @你挑战四关-查阅二维码

完整欣赏此案例大约需要2分45秒

案例：全新星倍醇TM @你挑战四关

出品：星巴克

亮点：

星巴克星倍醇系列推出的网络宣传作品，用户通过游戏的方式从不同方面感受新系列的咖啡口感更醇，饮用后更有活力与动力的特点。

加载界面为易拉罐口的造型图片，引入主题与宣传语，开始挑战后，共有四个关卡，高能青年，三头六臂，满格动力，与一路直击，每过一关，即回到游戏主页面，电池造型的顶部会增加动力百分比，四关挑战完成后，电量满格，跳至结束界面，领取礼品或登陆网站浏览商品。

活力十足的背景音乐，节奏点突出，凸显了咖啡系列带给生活和办公的高能动力与活力。

暗色界面搭配亮色主题线条，视觉明快，主题鲜明，全程烘托高能来临的气氛，但游戏最后一关用户端控制起来稍有难度，若有跳过功能，可防止用户因总是不过关错过最后的领奖链接。

技术实现： Doubleshot+Require+Zepto

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

标签