抖音 + 今日头条 :遇见文豪
案例名称:遇见文豪
品牌/出品方:抖音 + 今日头条
技术实现: video + JavaScript
小编评分:4.8
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要3分钟
小编点评:
1、创意
抖音、今日头条等联合出品的H5,介绍了5位文豪所处的时代以及文化作品,号召大家都来读书,与伟大的灵魂相遇。
2、策划
① 首先是“都来读书”的大标题,点击带呼吸的点,进入太空中漂浮着各种名著,这里漂浮感是一个6秒的视频;提示用户输入昵称,开启旅程,输入后,点击“确定”按钮;
② 下面就是穿越到5位文豪的年代,分别是鲁迅、菲茨杰拉德、刘易斯、雨果、曹雪芹;遇见每位文豪开始时,需要用户长按屏幕,进行穿梭;长按过程中的动画,小五开始以为是视频(video)视频,分析后发现是代码实现,估计是为了兼容安卓手机,让用户在iphone手机和安卓手机查看效果是一致;每遇到一位文豪,都可以横向滑动文豪画像下面的经典语句,选择名言后长按保存海报 ,也可以继续穿梭;
③ 5位文豪浏览完毕后,进入文豪画像选择界面,而后选择文案,可以长按保存海报;也可以点击“更多场景”按钮,重新选择文豪画像,重新选择文案。
3、设计
手绘偏逼真的画面,棕色调,以书和书页为画面元素。
4、体验
每次文豪穿越的时候,开始时都白屏,优化一下会更好;该案例的整体体验时间偏长。
5、传播
传播效果较好,预计传播可以达到10万+。