H5案例分析 | 京东救援队

图片发自简书App

案例

京东救援队

出品

京东

类型

视频展示型

内容策划

首先是加载页面,有“start”按钮,点击按钮后开始播放。

『第一部分』H5分为了两个部分,第一个部分主要叙述女主角跟闺蜜约电影,迟到6分钟赶到电影院,下车被丧尸围堵。

图片发自简书App

由于被电线杆挂住了于是躲进车中,奈何车怎么也启动不了,经过一阵女主的“意淫”与“开脑洞”,but也于事无补,正在丧尸不耐烦砸玻璃的时候,一道光后得救了。

图片发自简书App

『第二部分』正当大家以为H5结束的时候,女主回忆到“刚刚发生了什么”,紧接着出现了一个进度条,拉动进度条进入第二部分。第二部分是H5男主的登场。

图片发自简书App

主要叙述了男主大战丧尸的几个回合,最终女主得救。而后又回到了第一部分,女主再想刚刚是怎么得救的时候。

在男主大战丧尸的过程中,植入京东蓄电池的广告,这时会让人想到,因为女主始终无法启动车所以才引出后续的一系列问题。

图片发自简书App

『优点』整个H5的画面配上配音,故事情节有发展,设置悬念与跌宕起伏,使得观看时紧跟着H5的节奏走,让人难以走神。

文案的设计上,也幽默风趣。与当下的一些槽点结合,比如:卸妆的反差巨大,遇到事情第一时间想到的是发朋友圈,脑洞大开,碰瓷等都是生活中经常碰到的现象,放在文案策划中很诙谐。

『缺点』广告有点牵强,车打不着火就一定是电瓶没电了么?广告出来的有点突兀,第一部分中应该巧妙的将女主为什么打不着的原因与广告的出现衔接起来。

交互设计

H5中交互很少,最重要的一个就是第一部分播放完后视频停止,出站的进度条,用户想要知道那0.6s女主是如何得救的,就需要缩放进度条来看,形式不老套。

视觉设计

H5整体是欧美的漫画风格,故事发生在晚上,又结合了丧尸的情节,所以画面较暗,但是也足够有视觉冲击力。同时,红色也符合京东自身的调性。

总结来说,我觉得这个H5还是算全程无尿点的。


相关阅读

人工智能画廊H5 | 我和绘画机器人Andy作品展

H5 案例分析 | 单身指数考核研究所

H5案例分析 | 滴滴感恩节“真的不用说谢谢”

H5 案例分析 | 人工智能(AI)简史

H5案例分析 | 圣诞焕境之旅

H5案例分析 | 一分钟了解电历史

我是简书作者:40_N,觉得我的文章还不赖,可关注我和我的简书专题,欢迎指正&交流。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • Android 自定义View的各种姿势1 Activity的显示之ViewRootImpl详解 Activity...
    passiontim阅读 174,852评论 25 709
  • 分析目的: 了解国内各大网购平台的市场发展概况和发展趋势,了解竞争对手产品的优缺点,把握需求的功能点和界面结构,不...
    EC饺子阅读 18,437评论 0 15
  • 发现 关注 消息 iOS 第三方库、插件、知名博客总结 作者大灰狼的小绵羊哥哥关注 2017.06.26 09:4...
    肇东周阅读 12,312评论 4 61
  • 嘿,girl!不知道你最近有没有经常被微信微博上的各种干货文轰炸?女生,你要修炼自己:既要健身、护肤、读书、...
    爱说话的三水阅读 481评论 13 3