Chevrolet 雪佛兰：暗黑简史

2017-09-30 H5案例分享 H5案例分享

案例：暗黑简史

出品：Chevrolet 雪佛兰

亮点：

策划上，视频类H5案例。Loading完毕进入页面，点击屏幕任意处开始播放视频。视频以黑色贯穿整体，通过几个故事场景，讲述了从上古神话时期开始的，与黑色有关的文明发展历史，并强调“黑色”蕴含强大能量，同时在最后引出自身产品“雪佛兰探界者RS”。结尾页点击“探索暗黑实力”可跳转预约试驾页面，点击“传递暗黑力量”提示分享给好友。

设计上，黑白灰为主要配色，哥特+剪纸的画风，使画面神秘与艺术气息兼具。一个视频分了多个故事场景，这些故事场景又是由“触屏”、“滑动”、“放大”、“摇一摇”等多种交互形式过度。宏大的背景音乐，也让案例有了一点史诗感。

体验上，很酷很有感觉，加了混响的男声独白，使得案例代入感十足，整体上是个很不错的视频类H5。但作为强迫癌晚期，小五还是想给几点建议：①小五体验时，首屏没有任何提示，不知道该如何操作，愣了一会儿，才去触摸屏幕，所以小五觉得首屏得有必要的提示来引导用户点击。②首屏细看能看出是一本叫《暗黑简史》的书，为了有层次感，露出了书的侧边，但同时使得整体视觉偏右，强迫症看上去可能会非常的不舒服，所以小五（个人）建议在露出书侧边的同时，让字体与图案向左偏一些，使得整体视觉在中心点。③视频为2分07秒，内容有点点长，有专家建议过视频类案例应尽量控制在100秒以内，否则流失率会很高，小五持有同感。

技术实现： jQuery + hammer.js + CreateJS + Video

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

识别图中二维码

暗黑简史-查阅二维码

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

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

标签