南方+、媒体创新中心:开赛!冬奥冰雪“+年华”,就差你了!

2022-02-15 H5案例分享 H5案例分享
南方+、媒体创新中心:开赛!冬奥冰雪“+年华”,就差你了!


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

识别图中二维码

开赛!冬奥冰雪“+年华”,就差你了!-查阅二维码

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


案例:开赛!冬奥冰雪“+年华”,就差你了!

品牌:南方+、媒体创新中心

技术实现: HTML5

制作:南方+新媒体实验室、媒体创新中心

亮点:

1、创意定位

冬奥小游戏H5《开赛!冬奥冰雪“+年华”,就差你了》通过模拟花样滑冰、冰壶等冬奥运动项目,让用户足不出户领略冰雪运动的竞技激情与活力,同时设置读取用户头像与分享排名功能,提升产品的互动感。

 

2、策划上

① 通过3项目冬奥小游戏,分别为:滑雪、冰上跳跃、冰壶;

② loading完毕后,点击“马上挑战”按钮,开始第1项游戏(滑雪),手指左右滑动,帮助冰墩墩躲避障碍,到达终点,屏幕右上角有在第1项游戏中的用时,点击“继续挑战”开始第2项游戏(冰上跳跃);

③ 在第2项游戏(冰上跳跃)中,根据节奏点,手指在屏幕上向上滑动,帮助雪容融完成6次跳跃;游戏结束后展示挑战时长,点击“继续挑战”开始第3项游戏(冰壶);

④ 在第3项游戏(冰壶)中,点击冰壶确定方向,冰壶出发后3秒内,用手指左右摩擦屏幕使冰壶向前,到达圈内获得不同秒数奖励;最后可以查看结果;

⑤ 在尾页中,是一张海报,里面有微信头像和昵称,游戏中用整体用时(三个游戏时长相加),和排名(应该是游戏中的排名,时间越短排名越靠前)。

 

3、设计上

卡通画风,画面中使用了冬奥吉祥物,冰墩墩和雪容融;以雪景为大背景。

 

4、交互上

三项游戏,采用三种不同的交互方式,第1支是手指左右滑动,第2支是上下滑动,第3支是先点击后左右摩擦;不单调的同时,已经闯玩3项游戏。





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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

CGTN:冬奥百年

人民日报 + 美团:美好生活长卷

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~