抖音 + 今日头条 + 番茄小说 + 西瓜视频:遇见文豪

2020-08-22 H5案例分享 H5案例分享
抖音 + 今日头条 + 番茄小说 + 西瓜视频:遇见文豪


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

识别图中二维码

遇见文豪-查阅二维码

完整欣赏此案例大约需要2分27秒


案例:遇见文豪

品牌:抖音 + 今日头条 + 番茄小说 + 西瓜视频

技术实现: video + JavaScript

亮点:

1、创意定位

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

 

2、策划上

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

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

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

 

3、设计上

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

 

4、体验上

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





以上为“H5案例分享”团队原创文章,转载请注明出处!

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

【合集】博物馆里的创意

【小合集】诗词中的H5

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~