网易新闻 × 新华社：手速大考验

2019-09-26 H5案例分享 H5案例分享

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

识别图中二维码

手速大考验-查阅二维码

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

案例：手速大考验

品牌：网易新闻 × 新华社

技术实现： zepto.js

亮点：

1.创意定位

由新华社和网易新闻、中国答卷联合制作的手速考验游戏H5。

2.策划逻辑

整个H5主要分为3部分：

①Loading部分：白色的背景，中间以为军人正在踏步，等加载完成后会立正敬礼。最下方是三个品牌的logo。

②选择部分：主页是橙黄色背景，题目“手速大考验”你敢挑战“阅兵式严谨吗”点击下方提示按钮，可选择一个游戏开始训练，总共有五个小游戏，分别是“稳住，我们可以走直线”、“Hold住你的正步”、“军乐队达人”、“飞行训练”“被选中的孩子就是你”。

③游戏部分：任意点击以上一个游戏会出现游戏规则，点击开始游戏即可，游戏正上方显示计时，左上角是目录，右上角可关闭音乐。当通关后会出现一个卡通风格的简易海报：显示本关成绩和称号，可长按保存海报，还可点击“再玩一次”或者“选关”。

3.设计上

色彩鲜艳，手绘风格为主。

4.体验上

应该是为迎合70周年阅兵式制作的手速游戏，需要反应速度很快。

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

标签