腾讯新闻：测测你的隐藏专业

2020-08-14 H5案例分享 H5案例分享

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

识别图中二维码

测测你的隐藏专业-查阅二维码

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

案例：测测你的隐藏专业

品牌：腾讯新闻

技术实现： html2canvas + jQuery

亮点：

1、创意定位

腾讯新闻定期品牌宣传H5，在高考后，以比较幽默的方式，测试出适合专业，既放松了考生，也给考生一个专业推荐。

2、策划上

① 首先是windows电脑开机的声音，出现双击点开测试系统的图标，双击图标后，出现一段打招呼，提示做测试题，点击“开始答题”，提示凭直接快速回答；

② 出现一个二叉树的答题界面，每个问题有两个答案，不同的选择，后续问题不同，回答到系统判断的结束问题，出现测试结束，正在分析与你最匹配的专业提示；在此阶段，不同的选择，最后推荐的专业不同；

③ 最后生成入院证书，专业推荐，还有刚才回答问题的二叉树路径。

3、设计上

鲜亮的蓝色为大背景，四周有可爱转动的小修饰，问题和选项的表现形式为二叉树。

4、体验上

小五玩了三遍，每次选择的选项不同，出现的问题也会不同，每次玩都不枯燥。

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

标签