网易:点亮你的热爱

2020-07-01 H5案例分享 H5案例分享
网易:点亮你的热爱


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

识别图中二维码

点亮你的热爱-查阅二维码

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


案例:点亮你的热爱

品牌:网易

技术实现: html5

亮点:

1创意定位

网易出品的20周年纪念作品,罗列了网易自创立至今推出的各项出品,用户可点击自己使用过的生成热爱海报,加深用户对网易的印象和依赖。

 

2.策划逻辑

初始界面的导语逐行浮现后,点击触点播放视频,视频内容是网易出品的盘点,上方有个小爱心在时间轴上滑动,下方出现与时间相对应的出品名字及logo,顺序是网易邮箱,网易新闻,网易游戏,有道,网易味央,网易云音乐,网易云信,网易严选,网易云,像“网易游戏”这样的类别性出品,下方会有各个游戏的logo和名字,盘点完毕后,用户滑动屏幕,在圆柱形排列的logo中,选择自己使用过或喜爱的出品,输入名字生成自己的热爱海报,海报包括用户名,和所有出品项的名字,其中被用户选择过的logo会被点亮,用户可保存海报或分享作品。

 

3.视觉上

作品采用的是元素由远及近扩散性掠过镜头的视觉效果,扩散到镜头前的时候,出现出品项名字,然后是对产品优势和立意的描述,界面颜色多变,元素各有不同,有卡通,形状,碟片,字母等,让浏览过程轻松有趣。

 

4.交互上

最后可选产品共40个,下方会有已选数量的统计,刚开始所有logo的底色都是白色,点击后变成不同底色,丰富互动趣味。





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

标签

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

相关推荐:

【合集】用户自娱自乐,可以玩的很High的DIY海报类型H5

Club Brugge:The Bear and his Scarf

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~