喜马拉雅:天堂娱乐圈,新世纪20年的告别于记忆

2020-01-02 H5案例分享 H5案例分享
喜马拉雅:天堂娱乐圈,新世纪20年的告别于记忆


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

识别图中二维码

天堂娱乐圈,新世纪20年的告别于记忆-查阅二维码

完整欣赏此案例大约需要1分48秒


案例:天堂娱乐圈,新世纪20年的告别于记忆

品牌:喜马拉雅

技术实现: Swiper + ThreeJS + jQuery

亮点:

1、创意定位

喜马拉雅品牌宣传H5,通过故事的代入,致敬那些离开我们的人。

 

2、策划上

一镜到底的交互风格,绘制出20年来消逝的大师才俊,画风飘逸,宛若云端,情怀满分。以这20年里告别我们的人为核心,演绎每一个时代的怀恋与不舍,有大师、也有英年早逝的才俊,虽然他们走了,但是他们每个人都在我们的心里,每一个人代表一个故事,每一个画面诠释一个新的人生,通过当前人物的经典语音来情怀当时的他们。

 

3、设计上

通过手绘风格的展示描出朦胧的景色,页面中使用的元素,页面的切换,使用“云”比较多。

 

4、交互上

开头以手动点亮2020的指针让其发生转动,给了用户一个很大的惊喜感,自己亲手点亮了2020新的一年,通过天堂娱乐圈这五个字引导用户进入下一步,一种拉入式的交互立马把你拉进了画面,随着用户不断的滑动屏幕,依次显示故事。





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

标签

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

相关推荐:

喜马拉雅:我的收听资产

喜马拉雅:你的灵魂伴侣遇见指南

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~