网易云音乐:摸鱼计算器

2021-11-19 H5案例分享 H5案例分享
网易云音乐:摸鱼计算器


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

识别图中二维码

摸鱼计算器-查阅二维码

完整欣赏此案例大约需要45秒


案例:摸鱼计算器

品牌:网易云音乐

技术实现: JavaScript

亮点:

1、创意定位

① 网易云音乐品牌下的19th创意工作室推出的H5,该H5作用,可以粘合老用户,拉新用户;

② 小编特别搜了搜“摸鱼”的解释,源自成语“浑水摸鱼”,隐身含义是上班时间忙里偷闲,做一些与工作无关的事;小编就是看到朋友圈好友分享后,知道网易云音乐这支H5,估计他分享时已经屏蔽了老板,祝他好运,并且摸鱼快乐。

 

2、策划上

① 首屏输入你的名字,第2屏点选上班时间,第3屏点选下班时间,最后一屏就是你的摸鱼海报了;

② 整支H5核心依赖用户的个人数据。

 

3、设计上

浅灰色纸质背景,配合摸鱼的手绘线稿图,界面极其简洁;这样简洁的设计,必须依靠和用户相关的内容信息,或者超强的文案共鸣。

 

4、交互上

① 微信里面,我们一般直接分享H5链接就可以了;

② 微博里面,一般都是直接黏贴链接;

③ 在其他APP中,一般都是输入1个关键词,引导用户进入H5;网易云音乐APP搜索“摸鱼计算器”,找到这支H5;大家有没有发现在支付宝APP里面,也可以输入关键词,出现H5,例如,在支付宝APP里输入“在吗”?

④ 在产品APP里,活动期间,搜索框会有默认关键词或者热词引导,如下图

 





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

标签

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

相关推荐:

网易云音乐 X LANCÔME:测一测你灵魂的颜色

网易云音乐 X Double Win:Double Win打气歌

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~