京东：都市青年丧佛指南，你是哪一种？

2018-05-04 H5案例分享 H5案例分享

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

识别图中二维码

都市青年丧佛指南，你是哪一种？-查阅二维码

完整欣赏此案例大约需要5分钟

案例：都市青年丧佛指南，你是哪一种？

出品：京东

亮点：

策划上，宣传类。这是对京东白条的宣传。进入首页，为一个重力感应的画面，一个铁门，上面写着一点事务所，往左边看，是一个写着一点事务所的实验用的长桌，最左边还有一个京东白条的广告，再向右看有一把看起来很高大上的椅子，点击椅子进行测试，先输入姓名，一共有九道题目，全部回答完毕出测试结果，在结果页点击马上来改变按钮可跳转到一个宣传视频页，视频时长为3分46秒，视频看完后可点击去看时光杂货店，最后引导用户进入京东或是分享。
设计上，以黑色和金色为主色调，塑造黑色科技的感觉。
体验上，案例已进入就使用了重力感应技术，只展示了三屏的东西，小编觉得这个技术用在这里有点大材小用了，往下进行是一个小测试，增加了交互感，之后还加了一个宣传视频，每个人物的情节不断重复，最后一次加一点改变，然后表达出京东白条的广告语，一点改变，好过一成不变，京东白条，让改变可期。最后再宣传一下京东白条的官方创意产品店，所有宣传一气呵成，广告穿插不生硬，是一个比较优秀的案例。

技术实现： jQuery.js + core.js + share.js

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

标签