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