应急知事：汛期来临，出门要做哪些准备？
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要50秒
案例：汛期来临，出门要做哪些准备？
品牌：应急知事
制作：天猫×YESIC×LOFFEE
亮点：
1.创意定位
由“应急知事”公众号为夏季汛期制作的汛期应急小游戏H5。
2.策划逻辑
整个H5主要分为两部分：
①Loading部分：由人物之一的小老虎的头像在进度条上方。加载完成自动进入主页。
②游戏内容页：蓝色渐变背景，三个举着容器的人物。上方标题“汛期来临，出门需要做哪些准备？”右上角有“排行榜”按钮。点击最下方“开始游戏”进入游戏。
首先选出出战英雄，未选中的情况下是灰色的，选中会变成彩色，选中一个人物点击下方的“确认出战”
跳出游戏规则“在规定时间内，左右拖动人物通过走位，来接收雨天出行需要准备的物品”“小电视 关注预警信息+30”
“雨伞+30”“雨鞋+20”“雨衣+20”“遇到乌云和闪电时间-5s”
点击下方“知道了”开始游戏。分别有雨衣雨伞雨鞋和闪电从天上落下，左上角是分数和时间。
时间结束后显示排行榜，只显示前50名分数。右上方有“去学习”按钮，点击进入公众号文章，左上角有“再玩一次”，排行榜上方显示刚刚的成绩。
3.设计上
简单易懂，主要以蓝色为主。
4.体验上
加载速度快。科普类的H5，建议大家多多学习关于自然灾害的小知识，以免不必要的损害。
技术实现： HTML5
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
