平安人寿：公子留步，留下声音再走

2019-06-26 H5案例分享 H5案例分享

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

识别图中二维码

公子留步，留下声音再走-查阅二维码

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

案例：公子留步，留下声音再走

品牌：平安人寿

制作：信蜂互动

亮点：

1. 创意策划上：

以诗句为载体，唯诗相伴，点击首屏的“开启诗境”按钮，进入要朗诵的诗句的选择界面，一共6首诗，选择一首你喜欢的诗句，点击“确定”按钮；

进入录音界面，长按录音按钮，念诗，录制完毕后，点击“AI评分”按钮，查看你的朗诵评分、

2. 设计上：

采用中国水墨风的设计，结合画面内容，营造一种古韵的气氛。

3. 交互上：

用户选择诗句，结合AI智能语音识别系统，分析得出分数，可生成海报分享至朋友圈，增加社交属性。

4. 技术上：

采用createjs制作动画，搭配AI智能语音识别及分析，增加H5的互动性。

5. 体验上：

背景的李健歌声配合这个H5的视觉界面，感觉心里像是净化了。

技术实现： createjs

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

标签