在最近的H5营销案例圈中,小蓝发现有一个H5默默地火了
它没有新奇的技术,也不是有趣的主题甚至还偏沉重,但却能达到了十几万的访问量,平均访问停留时间达到147秒
147秒,这个数字在碎片化的现在,足够让创作人感到兴奋!
那么,它是怎么做到的呢?
触动博物馆
出品:马蜂窝
在主题上
正因为世界博览日的受众较少,相应的关于博物馆的H5也比较少,所以这支H5只需要做到让别人知道有这个节日就是合格了
在此之外的任何优点,都将是双倍加分项。而且,博物馆主题,天然自带美誉度,对品牌形象塑造和价值观传递是非常有利的
在传播上
首先,如果用户愿意转发一则H5,那么这则H5一定符合用户利益点
而这则H5就很好的符合了用户“自我塑造”的利益点,毕竟这支H5立意主题是博物馆,与它相关的标签一般是“知识”、“不世俗”等,这种转发分享是用户很愿意做的,利于用户在交际圈塑造良好形象
在画面上
图案有寓意、有美感、但是并不繁琐累赘,比如加载之后出现的主页面,以仰视的角度,体现出宫殿的恢弘高大
另外柱体上并没有任何多余的装饰,光线采用单一的白色曝光,视觉负担小。整体简洁、明亮,又能感受到宫殿的宏伟美
除了最开始进入H5的界面是绘制而成,之后的图片素材都采用实景拍摄,图片清晰真实,饱含质感,能让观者拥有更好的观感体验
在交互设计上
进入H5,首先画面是一个纯白色的立体殿厅,有四扇浮动的门,每扇门对应一个关键词和一个博物馆,用户可以随意点击
第一门,对应关键词是时间,介绍的是曾侯乙编钟,进入门内,有三次点击编钟的互动,随着点击,编钟会发出不同的声音
第二门,对应关键词是空间,介绍油画《拿破仑一世加冕大典》,有四次放大屏幕的互动,从局部到整体,慢慢看到全画
第三门,对应关键词是知觉,介绍画作《普罗旺斯的农舍》,提示轻轻涂抹,会看到立体生动的整体画面
第四门,对应关键词是理解,介绍凡尔赛宫镜厅的穹顶画,采用全景和重力感应的结合,向上移动手机,可以探索宫殿,仿佛置身其中
四扇门之后,会再次回到殿厅,四扇门上分别出现对应关键词,接着点题,最后是出品方介绍
在体验上
在最开始的加载读条页面,会有间断很短的关于博物馆的文案描述
这可以有效地缓解用户因加载速度慢而引起的焦躁情绪,优化用户的体验感
进入主页面之后,让用户选择的四扇门会上下轻微晃动,加上带光晕的设计,会让用户产生一种虚虚实实的时空穿梭感,仿佛门后真的有非常震撼的奇景,情绪体验很好
每个房间都有不同的交互方式,减少枯燥感。除此之外,每个房间都可以选择跳过,用户拥有选择观看与否的主动权
在技术上
最开始看似视频的画面呈现,其实是在图片序列中完成的。穹顶画的全景是借助orienter.js完成的
整体技术实现是采用egret.js + tween.js + orienter.js
在文案上
如果要论这支H5的最大亮点,在小蓝看来,非文案莫属了。这个文案是由资深文案大神Marcus写作,文案简短而有力,非常好的刺激观者想要身临其境的欲望
比如那句“若不无限接近他的画,又怎能无限接近你想要的答案”,多重含义,回味无穷
每一个能够成为爆款的H5,都值得细细品味、精细分析
小蓝认为在学习别人成功案例的基础上,再总结成功经验用于实践,我们可以做出更多更好的H5作品
注:H5案例没看过瘾?直接微信搜索“蓝橙互动”公众号获取案例,上百个案例等着你!
相关链接:H5制作|微信h5|行业H5案例|小程序游戏开发|微信营销策划