扫惠普LOGO，体验图像识别技术的有趣应用

Posted 2021-04-07 H5案例分享

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

<想免费推广H5可以试试>

案例：1成首付弹个车 玩遍北京

出品：苏宁易购

创意代理商：简豆

技术实现：CreateJS + video

亮点：

1. 创意定位

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

 

2.策划上

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

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

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

3. 设计上

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

4. 技术上

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

5. 体验上

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

长按/扫描下方二维码

体验苏宁惠普超级品牌日

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

<想免费推广H5可以试试>

以上为【H5案例分享】团队原创文章！

转载请务必注明出处！

最近分享发过的H5案例

更多见：

【学H5】就进H5课堂

（PC+微信小程序）

找创意H5案例：h5anli.com

---