故宫博物院:紫禁城建成六百年展
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要41秒 - 3分钟
案例:紫禁城建成六百年展
品牌:故宫博物院
技术实现: Zepto + Swiper
亮点:
1、创意定位
“丹宸永固:紫禁城建成六百年”是紫禁城建成600年举行的展览线上宣传H5,案例中展示了9座代表建筑,采用云打卡,为紫禁城庆600岁生日。
2、策划上
① 进入案例后,展示“丹宸永固”主题,点击“前往故事”按钮,进入地图展示,地图上显示9座建筑的位置;
② 点击9座建筑名中的任何一个,进入宫殿的手绘工笔插画轮播图,用户可以左右滑动,点击屏幕右下方的“宫殿往事”按钮,查看宫殿的真实照片和该宫殿的历史,点击屏幕下方的点亮按钮,该宫殿的名字从灰白色变成彩色;用户需要点亮,即浏览了对应建筑的真实照片和历史后,才算点亮;点亮后,才可以生成庆生海报;
③ 在宫殿的手绘工笔插画轮播图页面中,可以点击屏幕右上角的“打卡”直接进入喜欢的建筑庆生海报生成页;生成庆生海报依然需要先点亮;
④ 在宫殿的手绘工笔插画轮播图页面中,沉浸剧场功能暂时不能使用;
⑤ 庆生海报生成后的页面中,会有微信获取的用户头像,和为紫禁城庆生的地理位置;并有对故宫故事的更多引导,例如:可以长按前往数字故宫,或者查看故宫特刊。
3、设计上
案例整理手绘工笔插画,绘制的相当精美;在宫殿的手绘工笔插画轮播图页面中,切换的宫殿插画也有很多细节,设计师以一扇窗为角度,绘制不同的宫殿视角,还会在不同的宫殿视角中,展示飞花、落叶等细节。
4、体验上
虽然不能亲临紫禁城建成600年的展览,但是依然可以感受故宫的美;同时如果可以亲临时,更乐意了解故宫中宫殿的美,她的美不仅仅是建筑的美,还有她的历史。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号