JD.com 京东：今天的电影，你是一个人看吗？

2017-11-17 H5案例分享 H5案例分享

案例：今天的电影，你是一个人看吗？

出品：JD.com 京东

亮点：

策划上，京东为电影《正义联盟》制作的宣传H5，一共四屏。第一屏，通过视频的形式，以京东的卡通——京东狗为主角，讲述了一个英雄的故事，叙述了英雄的心境，英雄的心里路程。第二屏，京东狗化身电影《正义联盟》中的不同主角形象，通过页卡的形式，还显示了卡通形象的京东购买链接。第三屏，电影周边产品介绍，当然，还是附有京东对应的购买链接。第四屏，一段电影的预告片视频和电影角色的介绍，购票链接。
设计上，黑色背景，第一屏卡通的视频，第二屏3D京东狗形象。
交互上，第一屏视频播放的时候，虽然正在播放，但是可以向下滑动屏幕，进入第二屏。建议，第一屏视频播放的时候，不能随便滑到第二屏，并且添加“跳过”按钮，如果用户不想看视频，可以跳过卡通视频。

技术实现： Javascript

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

识别图中二维码

今天的电影，你是一个人看吗？-查阅二维码

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

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

标签