京东：京东大药房2周年庆

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

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

识别图中二维码

京东大药房2周年庆-查阅二维码

完整欣赏此案例大约需要1分15秒

案例：京东大药房2周年庆

出品：京东

亮点：

策划上，这是一篇对京东大药房2周年宣传的H5。进入首页，看到京东大药房2周年，有我爱着你，健康常伴你的宣传。进入之后，会看到京东大药房把药分为六个房间，对应着不同的人群，点进不同的房间，会有不同的适合你的药，不同的房间对应着不同的动画，点击超人请走窗户，会随机进入一个房间，不同的房间对应着不同的动画，不同的房间给每个人不一样的体验。进入每个房间后，最后可以选择即刻购买，或者选择去京东大药房逛逛，还可以点击左上角回到初始屋。而画面始终在宣传京东大药房2周年，与主题息息相关。
设计上，背景以红色为主色调，突出2周年的喜庆气氛，采用一些动画使得画面更加生动形象。
体验上，画面简洁清晰，各种动画设计的很有意思，能突出两周年的喜庆，是一个非常好的案例。

技术实现： jQuery.js + heatmap.js

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

标签