Tencent腾讯 | QQ浏览器 × 上美影:百年梦想家

2022-06-05 H5案例分享 H5案例分享
Tencent腾讯 | QQ浏览器 × 上美影:百年梦想家


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

识别图中二维码

百年梦想家-查阅二维码

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


案例:百年梦想家

品牌:Tencent腾讯 | QQ浏览器 × 上美影

技术实现: HTML5

亮点:

1.创意定位

腾讯与上海美术电影制片厂在六一之际联合推出的“中国动画100年”主题的创意H5作品,以动画里的梦想与现实的对比,凸显了中国科技的突飞猛进。再以长卷的形式,把100年的中国动画作品展示出来,勾起多少代人的童年。

 

2.策划逻辑

Loading → 主题页 → 创意视频 → 动画长卷 → 长卷海报。

 

Loading部分:以老电视的形式展示上海美术电影制片厂的画面,顶部有腾讯QQ浏览器和上美影的LOGO,底部是加载进度条。

 

主题页:在老电电视的屏幕上,显示一个问题:动画片里的情节能改变现实世界,你信吗 ?底部有两个按钮【我真信了!】和【信你个鬼!】,不管点哪一个,都进入创意视频部分。

 

创意视频:用中国百年动画片里的人物美猴王、葫芦娃、黑猫警长等,来讲述动画片里的情节,变为现实的几个方面:升天、入海、开山、零售、粮食、自然生态等,同时穿插展示那些“不失孩子气”的科学家、运动员以及在各领域做出突出贡献的英雄们,最后展示“中国动画100年”的口号:愿你不失孩子气。

 

动画长卷:以Z轴由远及近展示中国动画100年优秀的动画人物,用户通过上划屏幕,可以按年限浏览对应年份的IP人物形象。右上角有“直达终点”按钮,点击后,直接打开长卷海报部分。

 

长卷海报:用长图形式把中国动画100年关键IP形象按年份逐一画出,长按图片可以保存到手机相册。底部有两个按钮:【上美影京东小程序】和【上美影作品足迹地图】,点击前者,直接跳转京东上美影微信小程序;点击后者,进入上美影作品足迹地图搜狗百科列表页。

 

3.设计交互

设计精美,立意独到,以中国百年动画里的IP形象与中国现代取得的科技成果相结合,讲述了一个动画情节变为现实的故事。交互方式主要以点击、上划、长按为主,每一步都有交互引导,清晰简洁,让用户体验起来很流畅。

 

4.用户体验

超赞的H5作品,有创意,有故事,有意义,值得一看再看。尤其是那句“愿你不失孩子气”,深深地刻进了小五的脑海,原来孩子气不失执拗的任性,而是任性地活成自己想象的样子,并达成自己想要的目标。“只有疯狂到想要改变世界的人才能真正改变世界!”,愿所有能看到小五这句话的人,保持初心,保持好奇,保持疯狂,去实现自己的人生梦想。

 

 





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

标签

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

相关推荐:

腾讯X大成网:代号028招募计划

腾讯 × 北京市文物局:北京中轴线,申遗有我

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~