故宫博物院 + 腾讯 + 腾讯追梦计划:你会化身哪个脊兽建造紫禁城
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分钟
案例:你会化身哪个脊兽建造紫禁城
品牌:故宫博物院 + 腾讯 + 腾讯追梦计划
亮点:
1. 创意定位
故宫博物院推出的“你会化身哪个脊兽建造紫禁城”,介绍宣传紫禁城建筑的宫匠,同时介绍故宫推出的“口袋工匠”小游戏。
图为故宫太和殿的脊兽
2. 策划上
案例分为三部分:
第一部分:紫禁城脊兽的介绍
以化身紫禁城的脊兽引起用户好奇心,首先加载页部分是榫卯(sǔn mǎo)一开一合的动画,瞬间想起中国的传统建筑;
而后通过一小段动画,介绍一群神秘宫匠(大家细看,这里用的不是“工匠”,而是“宫匠”,很贴合紫禁城的含义);
第二部分:测试+生成海报
首先是一段询问“如果你有一个机会来建造紫禁城,你会化身为哪种脊兽宫匠呢?”,点击“开始测试”按钮,以游客的角度,一共5个测试,每个问题三个选项,选择完毕后,需要输入称呼,点击“确定”按钮后,通过刚刚你的选择,给出你将化身哪种脊兽宫匠,建造故宫。
第三部分:体验故宫小游戏
最后一屏除了可以查看自己的海报,并长按保存,还可以点击屏幕右下角的“体验故宫小游戏”,点击后,会有一个弹出层,上面有小程序的二维码,长按识别二维码,进入小游戏。
时不时会有H5案例分享的粉丝问,在H5中,是否可以直接跳转微信小程序或小游戏,目前是不可以,需要像本案例一样,展示小程序二维码,用户长按识别二维码后,进入小程序。
3. 设计上
3D立体卡通形象,以中国传统建筑装饰艺术——脊兽,作为卡通形象。
4. 体验上
在案例中,不仅了解了紫禁城知识,更了解了中国的传统建筑艺术。
技术实现: egret.js + video
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号