网易云音乐|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-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号