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

2017-05-10 H5案例分享 H5案例分享
科沃斯机器人:辞退老妈联盟

案例:辞退老妈联盟

出品:科沃斯机器人

亮点:

  1. 策划上,情景交互类。整个H5模拟了iPhone使用情景。进入后会出现明星钟汉良给你打电话,接通后是一段真人语音,告知你已被拉入一个明星微信群里。点击信息即可进入明星群,开始明星群聊环节。在群聊中,钟汉良抛出话题“我要辞退妈妈”引发明星讨论,并在其中适当引入用户言论,使情景更加逼真。最后产品出现,并过度到用户投票环节,不管是“支持”还是“反对”,都会提示分享到朋友圈,再点击一次屏幕则会进入尾页,尾页可以点击前往天猫旗舰店,或长按二维码关注官方公众号。

 

  1. 设计上,采用真实手机界面,并引入了钟汉良这一明星元素。H5针对iPhone操作界面的还原度非常高,看起来很真实,这种真实体现在无处不在的小细节上,比如信息弹窗的位置、系统时间的跳动等。进入明星群聊环节也是日常的群聊界面,包括灰字的小提示也很到位,不会让人出戏,直到最后产品突然出现,才会打破这种真实感。值得一提的是,进入分享页面时,是科沃斯扫地机器人扫动过程扫出了分享引导语,与产品结合得比较到位。

 

  1. 体验上,真实还原手机使用场景及过程。由于界面逼真,用户基本不会出戏,体验感很好。流程过度也十分自然,没有突兀感。在明星群聊环节,明星也会抖表情包和讲网络段子,符合绝大多数人的日常聊天风格,拉近了和用户的距离。对于钟汉良的粉丝而言,无疑是一次与爱豆互动的亲昵机会。鸡蛋里挑骨头,小编认为如果点击语音条,语音在重新播放的同时,语音条能像真实场景那样有雷达式闪烁的效果,那就更逼真了。

 

 

剧透一下,H5中不仅有钟汉良,还有常远、胡夏、孙茜、傅淼、黄俊鹏、郭家铭一票明星哦,而且。。。还有《人民的名义》的床戏担当——陈海同志!



技术实现: JavaScript


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

识别图中二维码

辞退老妈联盟-查阅二维码




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

标签

分享:
海报
案列链接
下载截图
收藏案例
已收藏
分享到微信朋友圈
打开微信,点击底部的“发现”,
使用“扫一扫”即可将网页分享至朋友圈。

相关推荐:

人民日报客户端:两会喊了你加入群聊

白山云科技:在白山工作是种什么样的体验

关注微信号:h5-share,获取更多创意H5案例分享!也可访问H5案例分享网站www.h5anli.com,搜索查阅~

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

对汉语支持不错,别对小五说英文

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~