东莞市教育局:东莞品牌学校教育地图

2021-09-23 H5案例分享 H5案例分享
东莞市教育局:东莞品牌学校教育地图


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

识别图中二维码

东莞品牌学校教育地图-查阅二维码

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


案例:东莞品牌学校教育地图

品牌:东莞市教育局

技术实现: JavaScript

亮点:

2020年,东莞市教育局陆续公布了东莞市第一批、第二批品牌学校与第三批品牌学校培育对象名单。为让市民更加直观了解东莞品牌学校,东莞日报社于20年12月推出了《东莞品牌学校教育地图云平台》H5,通过地图的形式,直观展示东莞品牌学校的分布和品牌学校情况。在内页上详细介绍品牌学校宣言、品牌特色、未来展望等,加深市民对东莞品牌学校的了解;

 

在互动上,市民更可生成品牌学校海报转发至朋友圈。 作品设计以清新的蓝绿色为主调,以凸显青春活力之感。设计上以插画风格元素结合东莞城市形象,富有亲和力。进入地图后用户可发起对品牌学校的感想和留言,加强用户参与感。用户可直观点击地图相应区域即可查看东莞33个镇街的120家品牌学校分布情况,并可进一步了解该学校的办学情况和介绍。另外用户可对某个学校发起生成自定义海报功能,加强了用户体验和参与感,并进一步扩大传播效应。





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

标签

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

相关推荐:

中国记协×人民日报×腾讯互娱:China china

网易云音乐 X adidas:新生代返场 升级新可能

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~