故宫博物院 + 腾讯 + 腾讯追梦计划:你会化身哪个脊兽建造紫禁城

2019-07-22 H5案例分享 H5案例分享
故宫博物院 + 腾讯 + 腾讯追梦计划:你会化身哪个脊兽建造紫禁城


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

识别图中二维码

你会化身哪个脊兽建造紫禁城-查阅二维码

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


案例:你会化身哪个脊兽建造紫禁城

品牌:故宫博物院 + 腾讯 + 腾讯追梦计划

亮点:

1. 创意定位

故宫博物院推出的“你会化身哪个脊兽建造紫禁城”,介绍宣传紫禁城建筑的宫匠,同时介绍故宫推出的“口袋工匠”小游戏。

 

图为故宫太和殿的脊兽

 

2. 策划上

案例分为三部分:

第一部分:紫禁城脊兽的介绍

以化身紫禁城的脊兽引起用户好奇心,首先加载页部分是榫卯(sǔn mǎo)一开一合的动画,瞬间想起中国的传统建筑;

而后通过一小段动画,介绍一群神秘宫匠(大家细看,这里用的不是“工匠”,而是“宫匠”,很贴合紫禁城的含义);

 

第二部分:测试+生成海报

首先是一段询问“如果你有一个机会来建造紫禁城,你会化身为哪种脊兽宫匠呢?”,点击“开始测试”按钮,以游客的角度,一共5个测试,每个问题三个选项,选择完毕后,需要输入称呼,点击“确定”按钮后,通过刚刚你的选择,给出你将化身哪种脊兽宫匠,建造故宫。

 

 

第三部分:体验故宫小游戏

最后一屏除了可以查看自己的海报,并长按保存,还可以点击屏幕右下角的“体验故宫小游戏”,点击后,会有一个弹出层,上面有小程序的二维码,长按识别二维码,进入小游戏。

 

时不时会有H5案例分享的粉丝问,在H5中,是否可以直接跳转微信小程序或小游戏,目前是不可以,需要像本案例一样,展示小程序二维码,用户长按识别二维码后,进入小程序。

 

3. 设计上

 3D立体卡通形象,以中国传统建筑装饰艺术——脊兽,作为卡通形象。

 

4. 体验上

在案例中,不仅了解了紫禁城知识,更了解了中国的传统建筑艺术。



技术实现: egret.js + video



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

标签

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

相关推荐:

腾讯:一花一世界

乐堡啤酒&故宫宫廷文化:圣旨到!邀请你进宫过年

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~