咪咕灵犀：2018最适合你的生活方式

2018-01-18 H5案例分享 H5案例分享

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

识别图中二维码

2018最适合你的生活方式-查阅二维码

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

案例：2018最适合你的生活方式

出品：咪咕灵犀

亮点：

策划上，共三屏。第一屏为海报，展示这个H5的主题，上附品牌logo。点击“获取我的生活方式”，进入次屏，可以看到灵犀树洞向你发来一条消息，下面“长按录音”按钮。录音后生成你的生活签（共21种）以及签上的判文。下面给出“点击收听”自己的录音，"点击再玩一次" 刷新h5，“点击下载”进入咪咕下载页，“分享”。
设计上，红色为主色，配黄色辅色，扁平风格，卡通画。
交互上，录音部分，需长按按钮，同时说话，与微信语音聊天操作一致。

技术实现： Javascript

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

标签