故宫博物院:紫禁城建成六百年展

2020-09-21 H5案例分享 H5案例分享
故宫博物院:紫禁城建成六百年展


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

识别图中二维码

紫禁城建成六百年展-查阅二维码

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


案例:紫禁城建成六百年展

品牌:故宫博物院

技术实现: Zepto + Swiper

亮点:

1、创意定位

“丹宸永固:紫禁城建成六百年”是紫禁城建成600年举行的展览线上宣传H5,案例中展示了9座代表建筑,采用云打卡,为紫禁城庆600岁生日。

 

2、策划上

① 进入案例后,展示“丹宸永固”主题,点击“前往故事”按钮,进入地图展示,地图上显示9座建筑的位置;

② 点击9座建筑名中的任何一个,进入宫殿的手绘工笔插画轮播图,用户可以左右滑动,点击屏幕右下方的“宫殿往事”按钮,查看宫殿的真实照片和该宫殿的历史,点击屏幕下方的点亮按钮,该宫殿的名字从灰白色变成彩色;用户需要点亮,即浏览了对应建筑的真实照片和历史后,才算点亮;点亮后,才可以生成庆生海报;

③ 在宫殿的手绘工笔插画轮播图页面中,可以点击屏幕右上角的“打卡”直接进入喜欢的建筑庆生海报生成页;生成庆生海报依然需要先点亮;

④ 在宫殿的手绘工笔插画轮播图页面中,沉浸剧场功能暂时不能使用;

⑤ 庆生海报生成后的页面中,会有微信获取的用户头像,和为紫禁城庆生的地理位置;并有对故宫故事的更多引导,例如:可以长按前往数字故宫,或者查看故宫特刊。

 

3、设计上

案例整理手绘工笔插画,绘制的相当精美;在宫殿的手绘工笔插画轮播图页面中,切换的宫殿插画也有很多细节,设计师以一扇窗为角度,绘制不同的宫殿视角,还会在不同的宫殿视角中,展示飞花、落叶等细节。

 

4、体验上

虽然不能亲临紫禁城建成600年的展览,但是依然可以感受故宫的美;同时如果可以亲临时,更乐意了解故宫中宫殿的美,她的美不仅仅是建筑的美,还有她的历史。





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

标签

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

相关推荐:

丹宸永固:寻找故宫瑞兽

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

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~