案例名称:遇见文豪

品牌/出品方:抖音 + 今日头条

技术实现: video + JavaScript

小编评分:4.8

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

识别图中二维码

遇见文豪-查阅二维码

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

 

小编点评:

1、创意

抖音、今日头条等联合出品的H5,介绍了5位文豪所处的时代以及文化作品,号召大家都来读书,与伟大的灵魂相遇。

2、策划

① 首先是“都来读书”的大标题,点击带呼吸的点,进入太空中漂浮着各种名著,这里漂浮感是一个6秒的视频;提示用户输入昵称,开启旅程,输入后,点击“确定”按钮;

② 下面就是穿越到5位文豪的年代,分别是鲁迅、菲茨杰拉德、刘易斯、雨果、曹雪芹;遇见每位文豪开始时,需要用户长按屏幕,进行穿梭;长按过程中的动画,小五开始以为是视频(video)视频,分析后发现是代码实现,估计是为了兼容安卓手机,让用户在iphone手机和安卓手机查看效果是一致;每遇到一位文豪,都可以横向滑动文豪画像下面的经典语句,选择名言后长按保存海报 ,也可以继续穿梭;

③ 5位文豪浏览完毕后,进入文豪画像选择界面,而后选择文案,可以长按保存海报;也可以点击“更多场景”按钮,重新选择文豪画像,重新选择文案。

3、设计

手绘偏逼真的画面,棕色调,以书和书页为画面元素。

4、体验

每次文豪穿越的时候,开始时都白屏,优化一下会更好;该案例的整体体验时间偏长。

5、传播

传播效果较好,预计传播可以达到10万+。