Tmall 天猫：喝酒看基因？看看你的9NA

2016-09-02 H5案例分享 H5案例分享

案例：喝酒看基因？看看你的9NA

出品：Tmall 天猫

亮点：

策划上，测试答题类。一开始五支酒中选三个喜欢的，其次系统由用户的选择给出该酒对应的选择题，题目是一些场景发生的事件，答案是对其的回应，最后根据所选答案，能得到不同的结果，来了解自己的“9NA”是哪种。在最后可以选择重测或分享给TA测。
设计上，混色背景，冷色暖色都有。图形元素并不属于华美的风格，但看上去还是蛮炫丽的。配合文字和整体色调，加上酒的主题，让人仿佛置身于Party中。
体验上，效果虽然蛮炫彩的，但动画效果不够连贯，感觉有点粗糙。音乐没有卡中节奏，到某一阶段直接停止然后循环，并不是一段完整的旋律，强迫症请注意。不过题目中设计的场景，相应的答案，和最后的结果，都很有趣。内容还是很棒的！

技术实现： jQuery + CreateJS

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

识别图中二维码

喝酒看基因？看看你的9NA-查阅二维码

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

标签