网易云音乐×syoss:是谁狠狠emo住了?快「桃」

2022-11-03 H5案例分享 H5案例分享
网易云音乐×syoss:是谁狠狠emo住了?快「桃」


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

识别图中二维码

是谁狠狠emo住了?快「桃」-查阅二维码

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


案例:是谁狠狠emo住了?快「桃」

品牌:网易云音乐×syoss

技术实现: HTML5

亮点:

1.创意定位

网易云音乐联合syoss丝蕴一起推出的测试答题类创意H5。以“是谁狠狠emo住了?快「桃」”为主题,引导用户挑战8道题,最后给出用户一个正能量海报,形成分享裂变,曝光品牌。

 

2.策划逻辑

主要流程:Loading → 主题页 → 答题8道 → 输入姓名 → 生成海报。

 

主题页:露出品牌和主题,以及交互按钮“速来元气挑战!”。点击后,进入答题部分。

 

答题部分:共8题,每题有两个选项,每个选项有选中和未选中两种状态,每种状态对应一种文案。每道题都对应一个场景局部动画,很有意思,不枯燥。题目内容涉及:晚上失眠、男朋友提出分手、早上化妆、减肥、交友、改方案、打游戏总输、冰激凌掉地上等。

 

输入姓名:需要调起手机键盘,输入昵称。

 

生成海报:主要包含了用户姓名及根据你答题选项所生成的正能力海报。底部包含三种交互结果:长按保存海报到相册,再次挑战,GET元气白桃。点击“GET元气白桃”跳转天猫链接。

 

3.视觉交互

少女粉风格,整个页面粉嫩粉嫩的!交互方式主要为点击、输入和长按保存到相册。

 

4.用户体验

每道题的两个选项,都是正负两方面,但都能得到正能量的效果。整体感觉,问题很接地气,回答很正能量。





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

标签

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

相关推荐:

网易云音乐|19th创意工作室:你的人格天赋

网易云音乐:「妆」出你的数字头像

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~