H5互动游戏案例合集

想必大家都知道微信摇一摇吧，摇音乐、摇朋友都在这里面，而在这之后，微信又推出了运动步数，这使得微信的功能变得更加多元化。而这些创意也被一些企业和商家融入到H5互动游戏当中，而接下来我们就来看看都有哪些经典的H5互动游戏案例吧！

案例一：出行焦虑指数测试仪

出品：小牛电动

营销H5案例分析：

内容方面，天天挤地铁、挤公交上班的你是不是感觉心累身疲，偶尔还会抖腿？其实这是一种“出行焦虑抖腿综合征”，这支H5就是测试你是否患上了这种综合征，以及测出你的焦虑值。你只需要把手机放置在大腿上，在30秒内快速抖腿，时间结束，即可看到在限定的时间内抖了多少次腿以及焦虑程度。挤公交、挤地铁容易引发焦虑，所以不如买辆电动车吧，既环保，又自由，侧面宣传小牛的电动车产品。

设计上，简约风格，白底黑字，线条的运用让整个界面都显得极简。

技术上：自然是摇一摇啦。

案例二：动我试试

出品：别克

营销H5案例分析：

内容上，一个穿着蓝色西装的职场男人，毫无生气的坐在办公桌前，写着无聊的PPT，这是我们大多数人的写照。但，生活不该如此。如何来唤醒这个死气沉沉的男人？你，只需要使劲摇晃你的手机，幅度一定要大，动作由你决定。你会发现通过使劲摇晃手机唤醒了呆坐的TA，随后惊喜即来，画面出现了令人惊爆的变化，原本呆坐的TA，神采飞扬，奔跑、跳跃、冲浪，随后跳入别克朗威车内，继而点出购买威朗，唤醒自己不甘沉寂的心，旨在宣传别克威朗汽车。

设计上，手绘风格，字体大写，以及人物疯狂扭动的动作，凸显夸张风格。

交互方面，用户摇一摇手机实现。

案例三：除了春天，一切禁止入内

出品：百度钱包

营销H5案例案例分析：

什么是春天？有好吃的日子就是春天，而且还是超低价格的美食。百度钱包推出了9.9元超低价暖心套餐，星巴克咖啡9.9元、吉野家套餐饭9.9元、肯德基汉堡套餐9.9元······就是这么低，就是这么任性。而你需要做的就是通过百度钱包——一个能返钱的外卖网站，下单支付，低价美食自然而来。

设计上，漫画风格、轻巧音乐，暖色调的色彩画面，暖暖春天的气息扑面而来。应了H5名字：除了春天，一切禁止入内。

交互上，用户摇一摇手机，画面就会自动切换，不同的低价美食，相同的9.9元低价。

技术上，摇一摇采用的是HTML5的重力感应，整体动画主要采用css3的animation和transition，还有些采用的是TweenMax动画框架。

以上这三个案例各有优点，而且都有很强的交互性，因此才能调动用户的积极性，如果你也想拥有这样的H5互动营销案例，那就请你到蓝橙互动的网站上去咨询一下，蓝橙互动会根据你的需求来告诉你工期以及价格。