梅赛德斯奔驰：从心，认识奔驰

2019-09-24 H5案例分享 H5案例分享

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

识别图中二维码

从心，认识奔驰-查阅二维码

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

案例：从心，认识奔驰

品牌：梅赛德斯奔驰

技术实现： html5

亮点：

梅赛德斯奔驰宣传车辆上的科技装备和人性化配置的作品，用户可点击观看视频详细了解。

作品操作主要有两个环节

①标题界面

加载完毕后，作品会快速扫过各个招式，每个招式都是由一个小人儿的动图加白色字体组成。

②功能介绍

左右划动屏幕，点击小人后可观看此招式的视频，视屏内容设定是广告拍摄现场，主人公享受车辆功能带来的便利和舒适后，导演喊“卡”，主人公会面向镜头讲述和演示此功能的操作方法。每段的视屏结束都会闪现奔驰的标志，视频结束后，用户可点击查看文字版操作方法介绍，或关闭视频，再次浏览和选择观看其他视频。

黑色系作品，所有字体和小人都设计成了刻在石头上的样子，小人会略有动作变化，丰富视觉，招数名字都是武侠小说中大家熟悉的招式，一阳指，金钟罩，乾坤大挪移，读心术，护体神功，绕指柔等，让用户有熟悉的感觉，也能引发好奇心，同时显示了奔驰车辆的这些功能有多么厉害！

招式很多，可以一一浏览，用绝世武功武装车辆，驰骋江湖，就在此刻！

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

标签