喜马拉雅：测测你的语文水平能上几年级

2019-09-16 H5案例分享 H5案例分享

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

识别图中二维码

测测你的语文水平能上几年级-查阅二维码

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

案例：测测你的语文水平能上几年级

品牌：喜马拉雅

技术实现： HTML5

亮点：

1.创意定位

由喜马拉雅APP制作的关于小学语文考卷的测试H5。

2.策划逻辑

整个H5主要分为三部分：

①Loading部分：纸质纹理的背景，中间是一本摊开的书还有一个三角板，一支笔，一个打开的怀表，怀表上是加载数据。加载完成自动进入主页。

②内容部分：一个妈妈看着自己的孩子在做作业，女孩问妈妈题怎么做，妈妈接过卷子上面写着52分的试卷，点击橡皮上的“我也试试”，开始答题总共10道题，答一道题点击橡皮上的确定，右上角的怀表会自己走，都答完题后进度短暂的loading部分“阅卷中成绩马上揭晓…”。

③落地页部分：会得出一个试卷类型的海报，得出分数，会显示你的目前的语文水平和老师对你的寄语，老师的辅导建议，辅导都是推荐喜马拉雅的“60天看图写话”，长按可保存到手机，可点击“复读一次”再测一次或者点击“学长指导”分享给好友。

3.设计上

清新的色调和画风。简洁易懂的内容，直入主题的测试。

4.体验上

加载速度快，点击左上角可关闭音乐。

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

标签