简豆:我不是小学生

2020-07-21 H5案例分享 H5案例分享
简豆:我不是小学生


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

识别图中二维码

我不是小学生-查阅二维码

完整欣赏此案例大约需要30秒


案例:我不是小学生

品牌:简豆

技术实现: VueJS

亮点:

  1. 创意定位

简豆科技出品,五道题目,检测用户的知识储备,最后可获得简豆金币和成绩海报,以此促进平台互动,加深用户对简豆的印象。

 

  1. 策划逻辑

初始页是学生时期的课桌,点击触点开始答题,五道题,每题四选一,分别是世界上最大的沙漠,最大的海洋,最大的动物,最大的湖泊,最长的河流是什么,点击答案后答案上会出现对号或叉号然后直接跳转至下一题,答题完毕后生成海报,包括答对了几道题,加了多少金币和与测验成绩相符的配图,用户可点击再玩一次,或者保存本次测试结果。

 

  1. 设计上

左上角有答题进度,界面简单易操作,背景课桌上有笔记本,眼镜等学生时代的物品。

 

  1. 交互上

点击答案后,被选答案上会出现对错然后迅速跳转,没有正确答案指示或解析。





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

标签

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

相关推荐:

今日头条:请查收你的青春考卷

Tencent 腾讯 X 清华大学:想知道自己是在知识顶峰还是谷底

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~