没想到,凤凰网历史的H5,带着轻潮范儿

不知道你有没有发现,今年的古装大电影,基本都是以唐代为原型的,像已经上映的《妖猫记》和《狄仁杰之四大天王》; 这两部电影,看过的朋友都知道,视觉观感简直可以用惊艳来形容! 这种影像风格,被称之为“东方新魔幻主义”

g1/2018/08/15/1534323239964.jpg

g1/2018/08/15/1534323266260.jpg

可以说,在今年国货复兴的文化领域,唐文化成为了大家很关注的内容点,这一点从电影作品就能看出端倪了。

4.png

而最近,凤凰网历史频道也捕捉到了这个需求点,并制作了年度策划《寻唐》,更新鲜的是,为更好的宣传选题,官方制作了一支接地气的H5来推广《寻唐,这支H5名为:测测你的大唐基因,这里,第一时间分享给大家!

g1/2018/08/15/1534323299974.jpg


看完后,真心觉得,现在的H5确实很厉害,除了可以卖产品和做活动,就连一个历史频道的专题推广,都可以用H5来做推广和宣传。

之前咱们都是看腾讯、网易这样的互联网单位在做H5,现在,更多的传统企业和单位也在参与H5的制作,这就说明了一个现状:只要你想在手机上做“广告”,H5就肯定是一个必不可少的聚焦点,而且,未来会有更多的传统企业参与到H5的制作当中,虽然H5在互联网圈没那么火了,但他的需求,实际上是在逐渐增加的,H5的需求在下沉,在向着更广阔的方向延伸。

那么,回到咱们分享的作品,你会发现,这支H5,实际是一个性格小测试,一共有5道题目,用户通过选择适合自己的答案,最后生成对应的结果:

g1/2018/08/15/1534323382434.jpg

问答题的设计,还是非常有看头的,再结合了历史事件、人物的同时,还能兼顾到一些时下的热点和文案,这就非常难得了。

5道问答题虽然不多,但却从文化、外交、习俗、经济、娱乐这5个切入点,将现代生活与古代的唐代文化做了一个趣味十足的对比,例如:问题4的答案 C:当一名游侠剑客,混迹江湖,成为社会大佬!

看到这里,真的没忍住笑出了声,居然在唐代,还有这种高端操作???文案同学真是花心思了!

g1/2018/08/15/1534323464667.png

在选测题的体验上,有两个动态设计非常值得一提,一个是开屏页面的马赛克动态效果;一个是选择过程中的翻转效果。

1.画面由不清晰到清晰的这个过程用马赛克动画来过度,观看体验非常特别的,会有种穿越时空的感受。

g1/2018/08/15/1534323512618.gif

2.翻转的问答题动态设计,不仅节约了页面的空间和体积,还能让用户的选择过程更加连贯。

而通过测试,我们发现,大多数用户的体验过程,并没有超过1分钟,在很短的时间内,大家就完成了测试,这样的设计,可以很好的控制跳出率,而且大部分用户在做测试时,真的都是聚精会神的在参与,这是非常难得的事情了!

g1/2018/08/15/1534323532307.gif


完成测试后,H5会为你生成一个结果页,内容是,三位唐代人物的性格百分比对应图,通过人物的描述,来告诉你,你的性格测试结果情况。

g1/2018/08/15/1534323552704.jpg

这部分的内容也非常发的接地气,H5内设计了很多种人物和对应答案,想每个结果都玩出来的话,是要花很多功夫的。

g1/2018/08/15/1534323572876.jpg

12个结果人物的展示插画

g1/2018/08/15/1534323590358.jpg

12个结果人物的角色描述


最后,点击《寻唐》图标,就会跳转到移动专题页的列表,可能很多用户都没看到这个图标,图标就在最终测试结果页面的最下方,这个引导有点不太明显,眼神不好的朋友,是要花功夫找一找了,位置如下图:

g1/2018/08/15/1534323637118.jpg

而到这里,H5的内容体验也就结束了,不知道,你是不是会喜欢这支H5?

g1/2018/08/15/1534323658460.png

总体来说,这是一支非常轻量级的H5,通过唐文化主题的趣味测试,来引导用户进入情景角色,然后最终关注《寻唐纪》这个选题。

g1/2018/08/15/1534323690230.jpg

虽然H5在细节展现上还有诸多不足,但对于那些深度严肃内容领域来说,能这么去设计和推广一档历史选题,已经算是挺新颖的事情了,这类H5我们看到的不是大制作和页面的炫酷效果,我们看到的,其实是H5作为专项推广形式逐渐被更多的企业和单位所关注和采用的趋势,希望我们今天的分享,能够对你有一些启发。

如果,你对这支H5有什么优化、改进、评测相关的观点,也欢迎你和我们小站留言互动。

16.jpeg


作者:小呆 

 微信:xd13951008348

人人秀原创文章,如若转载请注明出处:https://rrx.cn/content-25egre