新华社:数据看军运

2019-10-28 H5案例分享 H5案例分享
新华社:数据看军运


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

识别图中二维码

数据看军运-查阅二维码

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


案例:数据看军运

品牌:新华社

技术实现: html5

亮点:

  1. 创意定位

新华社体育部,军分部,湖北分社,技术局联合出品,介绍军运会相关知识的H5作品,以此增加用户对“军运会”这一体育赛事的认知,了解武汉为举办本次军运会做出了那些努力和建设,提高用户对军运会的关注。

 

  1. 策划逻辑

加载界面是标题和标语,以及主办城市显示,加载完毕后,上滑屏幕浏览作品,依次可浏览到以下内容

①往届军运会时间地点简介及当年参赛的一位运动员照片。

②武汉军运会项目图标,随意点击,图标翻过来后是项目名称。

③本次军运会的特色项目介绍,每个项目搭配有吉祥物——中华鲟兵兵正在进行此项目的插图。

④历届军运会数据图,包括比赛项目,参赛的人数和国家,下滑后有参赛人数和项目总数增长比例的总结。

⑤历届军运会奖牌榜,中国始终未出前三的介绍。

⑥武汉市为此做的准备工作,包括场地的建设,城市环境的改造,志愿者的征集等。

⑦军运会开幕式已做好准备的字幕,搭配兵兵站在场馆前手举火炬的配图,以及制作人员名单,数据来源,和出品方名字。

 

  1. 设计上

作品各部分在蓝色的背景色上依次呈现,文字较多,搭配各种图案表现,详细介绍了往期和今年的军运会,吉祥物“兵兵”全程出境,给作品增加了可爱的感觉。

 

  1. 交互上

用户上滑屏幕,作品随之展开,也可下滑屏幕进行回看,用满屏小图标的方式进行项目介绍,让用户随意点击翻看,表现了军运会项目的丰富多样,也让用户对答案保持期待。





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

标签

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

相关推荐:

腾讯电竞:腾讯电竞运动会

长江日报×九派新闻×认识武汉:女神后援团

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~