三联生活周刊：测测你的作家CP

2019-06-15 H5案例分享 H5案例分享

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

识别图中二维码

测测你的作家CP-查阅二维码

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

案例：测测你的作家CP

品牌：三联生活周刊

亮点：

1. 创意策划上

以“哪一位作家是你的终极灵魂CP”，其实小五觉得，如何能成为作家，必定还是很有才华的人，所以，与哪一位组成CP都是荣幸的。就这样，开启了测试之旅，案例中的动画，像是进入一扇门，提示你出现在一个作家的书房，会给出5道问题，5个问题像个故事，依次串联呼应。

第一道问题，走进书桌，你的面前有4本书，你会选择哪一本？

第二道问题，打开书后，你发现扉页上印着Hadley这个名字，你认为？

第三道问题，这时，从书中掉落了一张明信片，背面有一行地址，此时你会？

第四道问题，这本书的题目成功吸引了你，按照你的阅读习惯，你会？

前四个问题都是有四个选项，四选一，选择后需要按“确定”按钮，进入下一个问题。

第五到问题，你起身准备离开书房，你会选择下面哪句话作为最后的告别？二选一。

最后输入你的姓名，揭晓你的灵魂CP的名字和你的气质关键词，结果也可以长按保存成海报。

2.设计上

颗粒度效果的漫画，问题间有动画衔接。

3.体验上

整体体验比较好，但是选择答案后，还需要按“确定”按钮才可以进入下一屏，稍微麻烦。

技术实现： egret + tween

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

标签