马鞍山市文旅局 x中央广播电视台央广网：课本上的马鞍山

2019-10-21 H5案例分享 H5案例分享

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

识别图中二维码

课本上的马鞍山-查阅二维码

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

案例：课本上的马鞍山

品牌：马鞍山市文旅局 x中央广播电视台央广网

技术实现： HTML5

亮点：

1.创意定位

这是央广网教育为普及马鞍山历史文化制作的H5案例，案例中采用“计时答题”+“音频朗诵”的形式，达到推广马鞍山地域文化的效果。

2.逻辑策划

本案例分为3个部分：

①Loading部分

进入案例，首先需要允许央广网教育提取用户个人信息，加载过程中，可以了解关于马鞍山市的介绍页面，了解马鞍山市的地理文职，历史荣誉和发展目标。

②答题+音频

加载成功后，即可点击页面“开始答题”进入答题环节，知晓游戏规则，用户参与“计时答题”，回答在课本中有关马鞍山市的问题，每一道题目结束后，都会有相应的音频朗诵，让用户在诗词古文中了解马鞍山的文化底蕴。

③生成海报

答题结束后，查看结果,了解自己的得分，可以祖安泽保存分享图片，或者领取奖励。

3.设计上

这个案例操作简单，答完每道题目后都有相应的朗诵，可以加深对题目的印象。

4.体验上

在看到这些熟悉的知识点是，很容易就被勾起读书时的回忆，能够勾起用户去马鞍山走一走的心情。

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

标签