网易:点亮你的热爱
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分20秒
案例:点亮你的热爱
品牌:网易
技术实现: html5
亮点:
1创意定位
网易出品的20周年纪念作品,罗列了网易自创立至今推出的各项出品,用户可点击自己使用过的生成热爱海报,加深用户对网易的印象和依赖。
2.策划逻辑
初始界面的导语逐行浮现后,点击触点播放视频,视频内容是网易出品的盘点,上方有个小爱心在时间轴上滑动,下方出现与时间相对应的出品名字及logo,顺序是网易邮箱,网易新闻,网易游戏,有道,网易味央,网易云音乐,网易云信,网易严选,网易云,像“网易游戏”这样的类别性出品,下方会有各个游戏的logo和名字,盘点完毕后,用户滑动屏幕,在圆柱形排列的logo中,选择自己使用过或喜爱的出品,输入名字生成自己的热爱海报,海报包括用户名,和所有出品项的名字,其中被用户选择过的logo会被点亮,用户可保存海报或分享作品。
3.视觉上
作品采用的是元素由远及近扩散性掠过镜头的视觉效果,扩散到镜头前的时候,出现出品项名字,然后是对产品优势和立意的描述,界面颜色多变,元素各有不同,有卡通,形状,碟片,字母等,让浏览过程轻松有趣。
4.交互上
最后可选产品共40个,下方会有已选数量的统计,刚开始所有logo的底色都是白色,点击后变成不同底色,丰富互动趣味。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号