Mercedes-Benz 梅赛德斯-奔驰：梦想座驾

2016-06-21 H5案例分享 H5案例分享

案例：梦想座驾

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

亮点：

策划上，开头由一颗发芽的种子，引出梦想与现实的话题。接下来便是曾经的梦想与如今的现实作对比，展示了梦想的美好，以及现实的残酷，并告诉用户，“无论梦想曾经有多遥远，这一次梦想正在向你驶来”，紧接着由一个广告视频，引入对奔驰各款车型的宣传及推广。节奏循序渐进，一气呵成。
设计上，一开始是手绘画风的动态背景，搭配文字，阐述梦想与现实。然后是一段可以跳过的广告视频，小编觉得这段视频只能用“美”来形容，让人会忘却它是个广告。视频之后，有三部分，第一个是测试“你和童年梦想有多远”，第二部分是奔驰各车型的宣传推广，最后一部分是观看“梦想”短片。整个案例过程中，有分享按钮，音乐可以开关，左上角为奔驰logo，界面排版合理，美观大方，案例内容充实丰富。
交互上，用户上下滑动屏幕进行翻页，同一屏幕点击左右侧按钮分别在同一页面内显示“梦想”与“现实”俩内容部分。之后宣传部分，通过点击触发其他事件。

技术实现： jQuery + CreateJs

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

识别图中二维码

梦想座驾-查阅二维码

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

标签