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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号