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