苏宁易购 + 惠普:苏宁惠普超级品牌日

2019-02-22 H5案例分享 H5案例分享
苏宁易购 + 惠普:苏宁惠普超级品牌日


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

识别图中二维码

苏宁惠普超级品牌日-查阅二维码

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


案例:苏宁惠普超级品牌日

出品:苏宁易购 + 惠普

亮点:

1. 创意定位

扫惠普logo,集卡牌“惠”“普”“以”“团”“之”“名”,得礼品。

 

2.策划上

首先进入图像识别界面,点击屏幕中间的加号,可以直接拍一张带惠普logo的照片,也可以在手机相册中,找一张带惠普logo的图片,开始识别logo。

 

会有三种情况:优惠券、卡牌(一共6种卡牌)、直接中奖(特别说明:在写案例,了解逻辑的过程中,中了一个游戏鼠标,看来今天我的运气起飞啦)

 

点击首屏的左上角红色手袋,查看自己的卡牌和奖品,点击已获得的卡牌,分享好友,可以他得一张,你得一张。所有的卡牌集齐后,在当前页面,会出现“立即兑奖”按钮,有两种情况“谢谢参与”,或者中奖品。

 

3. 设计上

红色主色调,整体挺喜庆,是不是因为中了人家的奖品!看着苏宁的吉祥物“苏格拉底”这么可爱!

 

4. 技术上

采用图像识别技术,分析用户上传照片中logo的品牌、logo在图片中的宽高和位置。图像识别和以前我们常玩人脸识别有点类似,都是先上传图片,而后分析出图片中的信息。

 

5. 体验上

扫“福”字集卡牌,玩的次数倒是很多;扫logo得到不同的卡牌,还是挺新鲜,而且分享卡牌后,好友和自己都可以得一张,我和几个小伙伴在微信群,分享可热闹,联络了感情,感谢苏宁,感谢惠普,让我们因为一支H5,玩的这么High。



技术实现: vuejs + 图像识别



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

标签

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

相关推荐:

苏宁易购:春节自救指南

平安惠普 中国妇女发展基金会 上海宋庆龄基金会:这一抹风景,惊艳中国

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

阅读原文

微信扫一扫
关注该公众号

收藏

微信极速登录/注册

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

微信公众号

提交案例

请pc端输入网址

"h5anli.com"

下载截图压缩包~

标签已提交成功

小编正在审核

请等待一下下啦

哎呀

标签已存在

换个新的呗~