京东：冰箱心理学

2017-05-26 H5案例分享 H5案例分享

案例：冰箱心理学

出品：京东

亮点：

策划上，测试选择类，① 冰箱驾到，点击开门测试打开冰箱去测测你有哪些秘密，玩家可以从大闸蟹、情书、啤酒、小龙虾、水饺、牛奶等等物品中任选5种；② 选好后，就可以基于京东大数据来进行分析了，看看你的秘密究竟是什么，想再测测的小伙伴可在尾屏选择“再测一次”，也可分享给朋友，喊大家一起来测测。
设计上，搞怪漫画风格，采用极具京东风格的酒红色作为主色调，去窥探冰箱里隐藏的秘密的人物形象采用的是京东LOGO小狗，巧妙地将品牌露出来，加深用户的印象。
交互上，选择物品采用先点击该物品，浮现该物品的放大图，而后下滑则选中，上滑可放回的方式来选中自己想要的东西。
技术上，里面的动画主要采用的是CSS3的animation。

技术实现： JavaScript

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

识别图中二维码

冰箱心理学-查阅二维码

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

标签