Digital Marketing 数字营销触动人心的力量 《触动博物馆》背后的14400秒
01  项目信息 


客户品牌马蜂窝

项目时间2019518

项目地点互联网

目标人群:马蜂窝用户、旅行爱好者、博物馆爱好者、其它互联网用户

项目类型:数字营销、创意设计




02  项目介绍 


每年的518日是国际博物馆日,这个节日并不被大多人知悉。马蜂窝想以科普的形式让大家了解博物馆、走进博物馆,于是《触动博物馆》最初的创意就这样诞生了。

微信图片_20210716182401.jpg

 马蜂窝-触动博物馆


无右互动与申度团队共同一起,通过内容创意和沉浸式互动为马蜂窝打造了这个H5

没有炸裂的视效技术,没有各种段子,也没有讨好人的测试,用看似简洁、实则蕴含丰富信息量的内容,让超过10万的用户在页面的平均停留时间达到227秒,实现了一个真正让人沉浸其中的H5


03  背后的事 


 背景介绍 

选择国际博物馆日作为传播活动的节点,首先是因为马蜂窝在旅游产品层面与博物馆有着天然的关联,而且在马蜂窝站内,博物馆相关内容也呈现出非常明显的增长趋势。马蜂窝认为国际博物馆日能够帮助品牌提升知名度和美誉度。

国际博物馆日本身有很多内容很值得挖掘,马蜂窝希望以国际博物馆日的传播大使的身份呼吁大家走进博物馆、感受博物馆,因此《触动博物馆》H5要尽力呈现出高级感和品质感,承载高价值的信息,这也意味着它没办法用很网感、很戏谑的呈现方式来传播。

此外国际博物馆日本身知名度不高,对于传播而言也是个困扰,很难打造成一个网红爆款。马蜂窝客户这次没有把点击量作为任务目标,而是将目光放在了怎样让博物馆更有吸引力和如何在有限的时间里传递更多信息上。


 解决方案 
H5整体画面是以神殿的视觉来呈现的,营造出神圣壮观的氛围。神殿中有四扇浮动的门,每扇门对应的是一个关键词和一个博物馆,点击即可实现交互。我们从十几件文物中做减法,筛选出4件背后有特别的故事并为大家熟知的文物,设计出简单自然的交互方式。在画面和文案上选择尽可能的留白,以点睛之笔给观众留下想象空间。

微信图片_20210716182408.jpg

 马蜂窝-触动博物馆H5

微信图片_20210716182417.png

 扫描二维码,欣赏案例


第一扇门,对应的关键词是时间。介绍的是曾侯乙编钟,进入门内,有三次点击编钟的互动,每次点击,都可以听到编钟发出不同的声音。

第二扇门,对应的关键词是空间。展示的是拿破仑一世加冕大典的画作,有四次放大屏幕互动,从局部到整体,逐步全面看到画作。

第三扇门,对应的关键词是知觉。点击普罗旺斯的农舍这幅画作,提示轻轻涂抹,会看到立体生动的整体画面。

第四扇门,对应的关键词是理解。显示凡尔赛宫镜厅穹顶画,全景和重力感应的结合,向上移动手机,可以探索宫殿。

微信图片_20210716182421.jpg

曾侯乙编钟

微信图片_20210716182431.jpg

拿破仑一世加冕

微信图片_20210716182438.jpg

普罗旺斯的农舍

微信图片_20210716182443.jpg

凡尔赛宫镜厅穹顶

 马蜂窝-触动博物馆(四扇门)


《触动博物馆》埋下了很多细节彩蛋,用这样的交互让观众感受每件艺术品独特的魅力,粗线条的消费者不会觉得嘈杂,敏感的用户会有探究和回顾的欲望。四扇门,对应的关键词是理解,显示凡尔赛宫镜厅穹顶画,全景和重力感应的结合,向上移动手机,可以探索宫殿。


 执行细节 

在神殿的设计上,为了使神殿更具神圣感,我们从最小的元部件——立柱开始构造,慢慢衍伸到拱门、穹顶、侧窗,再到整体的神殿通道,一一量身打造。我们还参照了哈利波特第七部出现的神殿白光来处理光线,在过曝与曝光不足之间来回调整,想要找到自然光下亮眼同时清晰的视觉效果。



微信图片_20210716182450.jpg

微信图片_20210716182500.jpg

微信图片_20210716182504.jpg

神殿设计


在传送门以及密匙的设计上,最初的设想是以玛雅文明元素体现空灵神秘感,通过转动密匙来开启传送,给用户的体验上增添仪式感。

但是玛雅风格稍显繁琐,设计团队在反复斟酌后改用比较简洁的图案代替玛雅文明因素,增加有规律地上下浮动的动态效果以及每扇门背后若隐若现的金光,更加契合神殿整体的风格。

微信图片_20210716182511.jpg

传送门设计


在交互体验上,我们通过不同的交互设计道出每幅作品的特殊涵义。凡尔赛宫的穹顶画在交互上需要用户将手机举至头顶才能观看,也许对于用户来说坚持仰头10秒是个不太舒适的体验,但我们想借此让用户想象籍籍无名的画师们如何在这幅穹顶画下仰头画了17年——5361万个10秒。

微信图片_20210716182518.gif

凡尔赛宫穹顶-交互设计

而《拿破仑一世加冕大典》原作面积56.791平方,画中出现150多位人物,每个人均有不同的服装、姿态和表情。我们选择了通过指尖缩放的方式来展现画中的细节,让用户获得亲临现场观画的体验。 



微信图片_20210716182523.jpg

微信图片_20210716182527.jpg

微信图片_20210716182530.jpg

拿破仑一世加冕-交互设计


CENDO
申 度 文 化

这条H5整体操作下来需要2分钟,打造这支作品则花了14400分钟。在整个团队的努力下,在经历了无数次的灵光一闪、反复推敲、推翻重来、精益求精后,才有这一成果的诞生。

我们总觉得现在用户的注意力很飘散,时间全都碎片化了,很难用心沉浸在一个作品中。《触动博物馆》的平均访问停留时间达到147秒这一数据让我们感到惊喜,也让大家意识到我们不该低估用户的耐心。当一个作品承载了优秀的故事和更高的价值,它就有了触动人心的力量。