天猫精灵：心声听诊室
案例演示，请长按/扫描以下二维码 ->
识别图中二维码
完整欣赏此案例大约需要1分40秒
案例：心声听诊室
品牌：天猫精灵
技术实现： pixi.js + TweenMax
亮点：
- 创意定位
天猫精灵的推广作品，不同性别的用户分别做关于声音的选择题，最后输入自己的声音生成分析报告，报告界面可点击参与抽取天猫精灵的活动，用奖品鼓励大家参与活动，提高天猫精灵的知名度。
- 策划逻辑
一段导语后出现作品标题，用户点击开启问答，选择性别后在每个题目下选择符合自己情况的选项，男生题目是觉得此段声音来自哪里，选择一个自己生活的BGM，对哪段声音上头，女生题目是此段声音来自哪个生活经历，声音联想场景，哪种声音让你紧张，哪种声音让你兴奋，答题后录入自己的声音生成报告，包括生活各种情绪（冷漠 焦虑 孤独等）的指数，及分析语，用户可分享作品或参与抽奖。
- 设计上
作品界面十分简单，上方始终有一个天猫精灵实物图，增加客户印象，下方是声波图，点击后可聆听声音，整个作品氛围十分静谧。
- 交互上
用户可点击声波图收听声音，最后需长按录音键，让天猫精灵的光晕变成粉色，录入一段自己的声音才能生成报告。
以上为“H5案例分享”团队原创文章，转载请注明出处！
标签
关注微信号：h5-share，获取更多创意H5案例分享！也可访问H5案例分享网站www.h5anli.com，搜索查阅~
微信扫一扫
关注该公众号
京公网安备 11010802030403号
