川崎Kawasaki:万众瞩目,它来了

2018-04-16 H5案例分享 H5案例分享
川崎Kawasaki:万众瞩目,它来了


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

识别图中二维码

万众瞩目,它来了-查阅二维码

完整欣赏此案例大约需要4分10秒


案例:万众瞩目,它来了

出品:川崎Kawasaki

亮点:

  1. 策划上,

 1)加载完毕后,先看到的是一个电视机的界面,接下来所有的视频都在电视机上播放,根据提示打开电视机;视频内容是一个男人,看着照片回忆过去,照片中有着1972年的川崎摩托,突然听见犬吠,于是画面终止;此时电视机下方显示去看看发生什么,点击查看,播放视频,视频内容是川崎摩托的全新改变,播放完成后,根据提示点击电视机开关;男人回到屋子里,推着摩托车出去,准备骑行;

 2)之后的界面是一个选择界面,选择关键词;点击随心所欲:一个年轻女子自由的骑着摩托车穿行在大街小巷人来人往的马路中;风雨同舟:好友一起骑行马路,相互照顾;惊鸿一瞥:一对情侣在婚礼上,骑着摩托车幸福的离开;每当点击一个关键词,视频播放完成后,会跳入一个跳转界面,在界面上可以去官网查看车型介绍,可以去经销地址购车;下方的重新选择关键词可以重新观看视频。

  1. 设计上,美国乡村风格视频,画面野性复古又优美;模拟电视机播放视频,创意新颖。
  2. 体验上,视频给用户的感觉很复古,能轻易看懂视频的内容,既达到了宣传的目的,同时也表达了川崎的传承精神。



技术实现: jquery,jpreloader.js



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

摩托罗拉:Hello Moto

滴滴专车:那时芳华

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~