腾讯游戏&QQ音乐:AI古琴疗愈师诊断中...
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要2分钟
案例:AI古琴疗愈师诊断中...
品牌:腾讯游戏&QQ音乐
技术实现: H5
亮点:
1.创意定位
腾讯游戏联合QQ音乐推出的「AI古琴疗愈正在诊断中...」创意H5作品,通过6道与音乐相关的题目测试,用AI推理得出用户的情绪症状、情绪成分、以及开出的「情绪药方」的海报。供喜欢的用户分享和传播。
2.策划逻辑
大致流程:Loaing效果→ 开始 → 6道声音测试题 → 过渡特效→诊断结果海报。
其中,Loading加载特效和答题部分的转场动效,用了水波纹和声浪的形式,配合古琴的声音,让音效视觉化。特效很吸睛。
开始页面。文案引入主题:我是AI古琴疗愈师,帮你发现藏于心底的情绪,一起用琴音治愈它。
答题部分。六道题都与乐声有关,根据声音和文案,点选你认为的合适答案。每道题配合纯色渐变的背景和局部动画特效,让人有一种身临其境,穿梭于音乐世界的感觉。
过渡部分。答题完毕,有两个诊断进行和汉字离散动态特效,让你等待的瞬间也不枯燥。
海报部分。AI根据用户点选的选项,生成的疗愈诊断结果海报。包括:情绪症状、情绪成分、定性称号、以及给出的情绪药方——一曲特定音乐。点击「去QQ音乐收藏」,可跳转至QQ音乐。底部有联合品牌的露出和回流二维码。
3.视觉交互
视觉上采用多种纯色渐变作为主题背景,加上如水的波纹效果,配合上古琴的声音,从视觉和听觉都让人很享受,仿佛在一种虚拟的空间中徜徉、漫步、飞翔。交互上,主要采用了点击和长按的方式。
4.用户体验
简单易上手,最后的结果,好像还有一些科学依据,窥探到心底最深的情绪成分。最后的音乐对不对症两说,但都很好听。
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~
微信扫一扫
关注该公众号