新华社客户端X新华社体育部X新华社技术局X新浪微博:燃...燃起来了
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要30秒
案例:燃...燃起来了
品牌:新华社客户端X新华社体育部X新华社技术局X新浪微博
技术实现: html5
亮点:
- 创意定位
全民健身时代,远离高热量食物,用运动消耗卡路里,才能实现身材升级。参与新华社出品的足球游戏,了解运动,卡路里,与实物数量之间的换算,还可以用成绩兑换奖品哦!
- 策划逻辑
作品主要有三个环节
①初始界面
一位身着球服的胖男生背影,上方是标题和该男子肥胖程度,下方是开始触点,排行榜与游戏方法详情。
②游戏挑战
点击“运动有奖”开始挑战,男生大脚开球,向前奔跑,用户点击跑道让运动员左右移动,在奔跑时需要注意足球位置,及时挪去带球,同时接住水,避开高热量食品和裁判,接住水可以保持左上角身体含水量进度条不枯竭,接住高热量食品会抵消减掉的卡路里,没有及时接回球和冲撞裁判会导致游戏结束,奔跑一定距离后男子身材会变瘦一个等级。
③落地海报
游戏结束后自动生成结果海报,包括本次步数,几等奖,消耗了多少卡路里,折合多少食物和出品方名字,用户可点击领奖和重新开始。
- 设计上
立体效果的界面设计,看起来简洁可爱,绿色的跑道,蓝色的水滴,和彩色的下方有动态能量圈的食物图标,跟生活中用美味魔力吸引人的食物一样,都是汉堡薯条披萨一类的高热量美食。
- 音效上
背景音激烈有力,激发运动热情,表达减肥决心!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号