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

2019-06-15 H5案例分享 H5案例分享
三联生活周刊:测测你的作家CP


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

识别图中二维码

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

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


案例:测测你的作家CP

品牌:三联生活周刊

亮点:

1. 创意策划上

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

 

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

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

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

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

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

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

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

 

2.设计上

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

 

3.体验上

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

 



技术实现: egret + tween



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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

学而思:北京家长考试

网易新闻 | 哒哒:制作你的饲养手册

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~