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