Mercedes-Benz 梅赛德斯-奔驰：信念驱动

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

案例：信念驱动

出品：Mercedes-Benz 梅赛德斯-奔驰

亮点：

策划上，小游戏类，① 开启传说中的隐藏在城市中的45赛道，需寻到三个隐藏线索：泥泞惊现与城市的墙面上；斑马线上放肆的烟雾；由东西藏匿在库房中；② 找齐这三条线索后，拨动钟表上的指针揭晓答案，原来是梅赛德斯-AMG在夜间奔驰与城市的赛道上；③ 揭晓答案后跳转至尾页，可点击车型信息，了解梅赛德斯-AMG；填写个人信息，即可预约试驾。
设计上，采用红色作为主色调，黑色作为背景色，首页上显现的红色赛道形态以数字45的形式展现，与此支H5宣传主角梅赛德斯-AMG CLA 45 4MATIC相应。
交互上，在游戏页寻找线索采用的是左右拖动画面或360度移动手机的方法。
技术上，左右拖动画面的手势识别采用的是HammerJS，360度移动手机寻找线索采用的是html5的重力感应。

技术实现： touchJs + HammerJS

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

识别图中二维码

信念驱动-查阅二维码

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

标签