浙江省委网信办×浙江在线:这十年,感恩奋进的力量

2022-10-14 H5案例分享 H5案例分享
浙江省委网信办×浙江在线:这十年,感恩奋进的力量


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

识别图中二维码

这十年,感恩奋进的力量-查阅二维码

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


案例:这十年,感恩奋进的力量

品牌:浙江省委网信办×浙江在线

技术实现: html5

亮点:

1.创意定位

浙江省委网信办和浙江在线联合推出的“这十年,感恩奋进的力量”创意H5,用横向长图+交互弹窗的形式,回顾了浙江人民奋起的十年历程和相关成就,唤起更多人对浙江的了解,激发浙江人民的荣誉感。

 

2.策划逻辑

形式上,以横向长图形式展示,过程中设置若干热点,用户可以通过点击热点,进行该事件、该人物或该成就的进一步详细了解。

 

操作上,设置了多种交互动作,且进行了友好提示。左滑:开始播放;右滑:倒放;点击屏幕:暂停/继续播放;长按屏幕:快进;点击小红点:获得更多资讯。

 

内容上,用书信,人物介绍,视频,漫画形式,把奋进的十年的主要事件基本都囊括了进去。包括:卷首书信、枫桥经验、乌镇网事、大陈蝶变、良渚文明、下姜筑梦、老区新颜、黄杜金叶、青科引进等9个主题内容,每个主题均包含1-2个热点资讯,以及相关信函文字说明。

 

 

3.设计上

以米黄淡绿为主色调,人物、画面用线条勾画。动效设计上,分前后层,内容和人物为前层展现,厚层为绿水青山,滑动起来,前后层产生视觉差效果,把浙江大美展现的很精致,把握的很到位。

 

4.体验上

对于交互体验上,考虑了多种情况,尤其是点击暂停、左右滑后改变播放方向且自动播放,很舒服,很人性化。未来横向H5可以借鉴参考。

 





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

标签

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

相关推荐:

工商银行山东省分行:官家 千里江山图画好了

网易新闻 + 三金西瓜霜:这一次,让我们为她们加油

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~