天猫：揭秘你的隐藏人格

2018-09-26 H5案例分享 H5案例分享

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

识别图中二维码

揭秘你的隐藏人格-查阅二维码

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

案例：揭秘你的隐藏人格

出品：天猫

亮点：

策划上，本测试基于戴维尼尔斯九型人格。首先点击“开启城门”按钮，进入动物城，里面有很多动物，豹子、长颈鹿、独角兽、狮子等，遵循直接，选出最能代表你的动物，输入姓名，而后回答5到问题，每个问题3个选项（问题基本固定）。最后根据你选择的动物和回答的问题，生成一张双重人格报告海报。
设计上，灰白黑为主色调，浅色调，线条使用的比较简洁。
技术上，使用CreateJS编写的整体案例，精灵的动画配合TweenMax。
体验上，因为测试基于戴维尼尔斯九型人格的理论基础，所以对测试结果可信度更高。分析结果为外在和内在，双重人格报告，感觉更有意思。

技术实现： CreateJS + TweenMax

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

标签