雀巢 Nestlé：CHOCAPIC® Nutri-Game

2021-04-15 H5案例分享 H5案例分享

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

识别图中二维码

CHOCAPIC® Nutri-Game-查阅二维码

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

案例：CHOCAPIC® Nutri-Game

品牌：雀巢 Nestlé

技术实现： jQuery + canvas

亮点：

1、创意定位

雀巢的chocapic产品宣传H5，通过小游戏的形式黏连年轻用户。

2、策划上

① 小游戏的形式，首屏是chocapic的产品介绍和游戏说明，点击“OK”按钮，进入游戏机界面；

② 游戏机界面，提示点击右侧黄色“X”按钮，开始游戏，而后是对话完毕，点击屏幕左侧上下左右键小狗运动；点击右侧黄色“X”按钮，小狗跳跃，游戏有点像小时候玩的超级马里奥；游戏过程中，小怪物可以跳跃踩，谷物形式的动态元素碰到后右上角的小条一点点颜色充满。

3、设计上

像素画面，画面中融入产品chocapic（巧克力味全麦谷类早餐食品），运动的小狗是产品吉祥物——微微；整体画面像老式手持游戏机。

4、体验上

游戏不分年龄、不分国界，不需要太多介绍，自然而然就会玩；在游戏的过程中，不断增加对品牌的喜爱。

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

标签