科沃斯机器人:辞退老妈联盟

案例:辞退老妈联盟
出品:科沃斯机器人
亮点:
- 策划上,情景交互类。整个H5模拟了iPhone使用情景。进入后会出现明星钟汉良给你打电话,接通后是一段真人语音,告知你已被拉入一个明星微信群里。点击信息即可进入明星群,开始明星群聊环节。在群聊中,钟汉良抛出话题“我要辞退妈妈”引发明星讨论,并在其中适当引入用户言论,使情景更加逼真。最后产品出现,并过度到用户投票环节,不管是“支持”还是“反对”,都会提示分享到朋友圈,再点击一次屏幕则会进入尾页,尾页可以点击前往天猫旗舰店,或长按二维码关注官方公众号。
- 设计上,采用真实手机界面,并引入了钟汉良这一明星元素。H5针对iPhone操作界面的还原度非常高,看起来很真实,这种真实体现在无处不在的小细节上,比如信息弹窗的位置、系统时间的跳动等。进入明星群聊环节也是日常的群聊界面,包括灰字的小提示也很到位,不会让人出戏,直到最后产品突然出现,才会打破这种真实感。值得一提的是,进入分享页面时,是科沃斯扫地机器人扫动过程扫出了分享引导语,与产品结合得比较到位。
- 体验上,真实还原手机使用场景及过程。由于界面逼真,用户基本不会出戏,体验感很好。流程过度也十分自然,没有突兀感。在明星群聊环节,明星也会抖表情包和讲网络段子,符合绝大多数人的日常聊天风格,拉近了和用户的距离。对于钟汉良的粉丝而言,无疑是一次与爱豆互动的亲昵机会。鸡蛋里挑骨头,小编认为如果点击语音条,语音在重新播放的同时,语音条能像真实场景那样有雷达式闪烁的效果,那就更逼真了。
剧透一下,H5中不仅有钟汉良,还有常远、胡夏、孙茜、傅淼、黄俊鹏、郭家铭一票明星哦,而且。。。还有《人民的名义》的床戏担当——陈海同志!
技术实现: JavaScript
案例演示,请长按/扫描以下二维码 ->
识别图中二维码
以上为“H5案例分享”团队原创文章,转载请注明出处!
标签
关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

微信扫一扫
关注该公众号