少儿频道:解救渐崩式家长

2019-07-08 H5案例分享 H5案例分享
少儿频道:解救渐崩式家长


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

识别图中二维码

解救渐崩式家长-查阅二维码

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


案例:解救渐崩式家长

品牌:少儿频道

技术实现: AnnieJS + zepto

亮点:

1.创意定位

少儿频道是以少年儿童为对象而开设的电视频道,而和儿童联系最密切的就是家长,此H5是少儿频道以帮助孩子辅导作业崩溃的家长为中心设计的一款答题类的小游戏。

 

2.策划逻辑
整个H5主要分为3个部分:

 

①Loading部分和前情页面:加载页面是在深色的背景上一支笔在不停的写试卷,加载完成后自动进行下一页,一盏灯照亮了深色的天空,写着“万家灯火,又是一个难忘的辅导之夜……”,画面跳转到傍晚的城市,飘过一条又一条来自家长辅导孩子时内心纠结的弹幕,跳出标题“解救渐崩式家长”“站的吗?要不你来试试!”点击“试就试”进行选择。

 

②答题部分:画面转换到一张书桌前,有“小学考试”、“中学考试”、“高中考试”和“游戏规则”四个选项,点击前三类考试,每个阶段10道题,每答对一题获得10分,累计分数,成绩高于60分者获得该阶段结业证书,成绩低于60分者,有一次复活机会。十道题共有30秒的时间,基本都是综合类的问题,不会太难,选择错误的情况下也会提示正确答案是什么。

 

③海报落地页部分:都完成后会显示分数,输入姓名和头像可合成海报,长按图片保存至相册,最下方是少儿频道的Logo。点击左上角的“返回首页”再测一遍。

 

3.设计上

颜色主要为深蓝色和暖黄色,颗粒感浓浓的手绘风,搭配色彩让人感觉到一丝温暖,简洁的色块,让人看着很舒服。最后的合成海报还以辅导结业证的形式来体验的。符合主题,有新意。

 

4.体验上

贴近生活,随着孩子年级升高,题越来越难,在辅导孩子完成作业确实成为了普遍家长每天回家后的一大烦恼,我想此H5也是想体现孩子作业繁重和调侃家长的心情制作的此小答题。





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

标签

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

相关推荐:

学而思:北京家长考试

作业帮:测一测你能辅导孩子到几岁?

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~