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

2022-08-30 H5案例分享 H5案例分享
网易云音乐|19th创意工作室:你的人格天赋


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

识别图中二维码

你的人格天赋-查阅二维码

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


案例:你的人格天赋

品牌:网易云音乐|19th创意工作室

技术实现: HTML5

亮点:

1.创意定位

网易云音乐|19th创意工作室推出的“人格天赋”创意H5,通过六道不同维度的测试题,让用户了解自己人格深处的哲学观,触发灵魂,获得精神鼓励,从而引发裂变传播,使品牌形成有效的曝光。

 

2.策划逻辑

主要流程:Loading → 主题页 → 答题 → 输入姓名 → 分析 → 海报。

 

Loading:汉字波晕散开特效,第一时间吸引用户注意力,圆晕中心是加载百分百和“请开声音”文案提醒。

 

主题页:加载完毕后,来到主题页。中英文主题露出:测一测你人格深处的哲学观TEST YOUR PHILOSOPHICAL VIEWS。不断扩散的动态线框门背景,营造神秘感。页面底部有品牌Logo露出。点击“进入”,远处的白门化作一道白光,过渡到答题部分。

 

答题:共6题,每题题面和选项都很简短。每题有两个选项,每个选项都配有文字/动态图标。点击不同的选项后,有不同的过渡特效,进入下一道题。

 

第1题:这幅画让你感受到了?A.太阳和月亮;B.快乐和悲伤。

 

第2题:悲剧和喜剧,哪个更深刻?A.喜剧;B.悲剧。

 

第3题:好人和坏人,谁更幸福?A.好人;B.坏人。

 

第4题:你是可以替代的人吗?A.是的;B.不是。

 

第5题:如果一件事你没有看见,那么是否发生了?A.发生了;B.没发生。

 

第6题:这段音乐在讲述什么?A.人生;B.时光。

 

输入姓名:点击输入名字,写好后,点击“生成”按钮,进入人格分析部分。

 

分析:让用户根据所给黑暗中不断凸起凹陷的白色光团,凭直觉选有可能的结果,四选一,点击后进入分析过程页面,逐行列出用户的哲学观类型、关键词、哲学理念、这类人的占比等,之后进入海报页。

 

海报:生成的海报包含用户姓名、哲学观类型、该哲学观的理念,具备的优势关键词,地球占比,历史长河中与哪位伟人相似等。底部有品牌的logo露出和长按保存海报的文案提醒。

 

3.视觉交互

整体视觉大胆采用了不同纯色块表现,不同的题目,背景有黑、有白、有黄、有绿,再加上一些动效,既扣住紧了丰富的哲学性格类型,又让用户在多变的视觉中,感受新奇,欲罢不能。交互上,主要采用了点击、输入和长按等。

 

4.用户体验

人类向外求,探索别人、社会、世界、宇宙,永无止境;向内求,探索自己内心、性格、感性、理性、人格、哲学观、价值观、世界观、人生观,也是永无止境的,这类受众人群基数巨大的话题,是一切爆品H5的基础选题。





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

标签

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

相关推荐:

网易云音乐X王老吉:开启你的港乐Show Time

网易云音乐X网易音乐人:世纪青年招待所

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~