新东方:开学了!宫门纳新

2020-02-22 H5案例分享 H5案例分享
新东方:开学了!宫门纳新


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

识别图中二维码

开学了!宫门纳新-查阅二维码

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


案例:开学了!宫门纳新

品牌:新东方

技术实现: html5

亮点:

  1. 创意定位

新东方出品的知识测试类型的作品,答对五题即可生成福签海报,还可登录新东方微信公众号了解更多内容。

 

  1. 策划逻辑

一小段皇上在故宫散步的导入动画后,点击开始答题,每道题前面有一小段导入动画,题目从动画内容中延伸出来,在答题界面的四个答案中选择,正确的话可继续下一题或分享作品,答错则游戏终止,可分享题目给好友求助,连续答对五题,即可生成福签海报,海报界面可扫描二维码重新答题,或点击链接登录公众号。

 

  1. 设计上

每次打开题目会略有不同,涉及范围较广,包括了中英文互译,数学计算,逻辑思考,文化认知等,有一定难度,开头和中间的动画是宫廷风格,语言也是半古文半白话文,颇有“甄嬛体”的感觉,所有动画均不可跳过。

 

  1. 交互上

答题过程中是没有提示或帮助的,是一个比较考验知识面的作品哦!





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

标签

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

相关推荐:

ZIROOM自如X屈臣氏APP: 开学报道指南

学而思培优:2020你有一份新年flag待领取。

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~