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

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

识别图中二维码

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

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

品牌:故宫博物院

技术实现: Zepto + Swiper

亮点:

1、创意定位

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

 

2、策划上

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

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

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

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

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

 

3、设计上

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

 

4、体验上

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