CGTN:冬奥百年

2022-01-29 H5案例分享 H5案例分享
CGTN:冬奥百年


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

识别图中二维码

冬奥百年-查阅二维码

完整欣赏此案例大约需要4分30秒


案例:冬奥百年

品牌:CGTN

技术实现: html5

亮点:

1.创意定位

专题页将历届冬奥会的赛事设置、运动员情况、项目突破、精神进化等进行数字化整合和可视化表达,直观呈现冬季奥林匹克运动发展的百年跨越。

 

2.策划逻辑

用户选择中文或俄文,穿过雪花上标注了年份的雪景,来到1922年的冬奥启动年介绍页面,上划屏幕,查看具有代表性的几届冬奥会介绍,雪花像时针一样转动,两个雪针之间出现当届冬奥会的运动项目,参与人数等信息,再次上滑浏览摘要介绍,例如项目突破,夺冠规则更新等。然后是总结表,用户可任意点击查看历届信息,最后是冬奥精神介绍,历年留影和百年庆贺海报。

 

3.设计上

通过百年视角打破“时空”,并将数据与人文“跨界融合”,页面将百年来历届冬奥会的举办地点、参与国家、赛事设置、运动员数量等数字信息与雪花、冰凌等冰雪元素融合。

 

4.感受上

作品纵观了冬奥百年历程,做了比较详细的介绍,大家在期待北京冬奥会开幕前可以补充一些知识点,到了真正开始的时候会更有共情。





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

标签

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

相关推荐:

中国冰雪X荣耀手机:哪怕我独自站上赛场,也能听见身后14人呐喊

新华通讯社:2022送你一张船票

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~