东莞市城市管理和综合执法局X东莞因你而文明X东莞报业传媒集团X东莞报业名记者(名编辑)张培霞工作室:东莞垃圾分类大挑战

2021-09-22 H5案例分享 H5案例分享
东莞市城市管理和综合执法局X东莞因你而文明X东莞报业传媒集团X东莞报业名记者(名编辑)张培霞工作室:东莞垃圾分类大挑战


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

识别图中二维码

东莞垃圾分类大挑战-查阅二维码

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


案例:东莞垃圾分类大挑战

品牌:东莞市城市管理和综合执法局X东莞因你而文明X东莞报业传媒集团X东莞报业名记者(名编辑)张培霞工作室

技术实现: html5

亮点:

  1. 创意定位

东莞市关于“垃圾分类”的宣传作品,普及垃圾分类相关知识,介绍城市垃圾分类工作的规划与进程,用户参与小游戏,强化记忆,在生活中做好垃圾分类,一起加快文明城市的建设脚步。

 

  1. 策划逻辑

打开作品,在垃圾分类的主图下有四个内容可选

 

①垃圾分类大挑战

用户在30秒内,点击掉下来的垃圾的相应垃圾桶,答对加100分,答错会被告知正确答案,不扣分。结束后出现总成绩,相应称号和击败了全国多少百分比网友。

 

②垃圾分类微课堂

将四种垃圾逐一详细讲述然后即刻考试,在给出的图标中选出刚才讲述的那种垃圾,点击交卷,答对会得到恭喜,答错会得到正确答案。

 

③垃圾分类一图读懂

长幅竖形图,上滑查看垃圾分类表述,以及东莞市相关数据和进程规划。

 

④垃圾分类小妙招

一段小视频,内容是中国男子篮球队散会后,一位球员错扔垃圾,保洁员阿姨当场制止,然后一段太极加讲解,将垃圾分类扔进垃圾桶,篮球队员集体鼓掌。

 

  1. 设计上

作品用视频,文字,图片,以及数据等各种方式进行知识普及,用视频和游戏趣味反复加深印象。

 

  1. 交互上

四个版块内容可随意点击查看,结束后都可直接退回主页,方便用户将四个内容全部参与。





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

标签

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

相关推荐:

王者荣耀:长安机关种草指南

新华网X波克城市X我是航天员X太空跳跃: 太空跳跃

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~