网易新闻×NB：跑不服软挑战赛
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分20秒
案例：跑不服软挑战赛
品牌：网易新闻×NB
亮点：
- 创意定位：网易新闻联合NB推出的一支游戏类的H5，为宣传NB Fresh Foam系列的鞋，为不同跑步者全精准的缓震体验，更好的突破自我，达到宣传的目的。
- 策划上，①首先通过一则视频（7秒）讲述一个机器人正在跑步，腿的活动支点和脚底的受力程度多种角度出发，做到“跑不服软”。②标题是“跑不服软挑战赛”，点击“play game”，会出现游戏规则，在三十秒内，燃跑极限能够达到多少，先来挑选装备，③一共有三种类型的鞋，第一款1080V9长距跑的最佳教练；第二款LAZR稳稳挺你的不倒翁；第三款ZANTE住你脚底的筋斗云。④选择其中一双，进入跑步赛道，左右按钮控制速度，中间会有buff出现，可以拾取。⑤落地页是完成了多少米，下面有五个按钮：“还没玩够？”，再来一局；“邀好友来战”，分享给好友；“好友战绩榜”，查看排行榜；“查看燃跑装备”，进入NB这双鞋的页面；“赢取你的NB大奖”，输入姓名，手机号有可能获奖。
- 设计上，科技风格，整体全是深蓝色的设计，每双鞋都有一个机器人作为代表，很炫酷。
- 体验上，操作简单，视频也很流畅，整体效果很不错，但是刚进入案例的时候，全屏都是黑色的，需要点击屏幕才有画面，小编以为是自己的手机卡了呢(｡ŏ_ŏ)
如果可以，可以添加一个播放按钮效果会更好一些。
技术实现： Vue
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
