蕉下旗舰店：你是几分熟

2019-05-09 H5案例分享 H5案例分享

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

识别图中二维码

你是几分熟-查阅二维码

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

案例：你是几分熟

品牌：蕉下旗舰店

亮点：

蕉下旗舰店为宣传店铺活动制作的H5作品，用户可上传照片测试自己的肤色等级，最后可保存测试结果，领取店铺福利和了解活动内容。

加载完毕后，有一段关于紫外线对皮肤伤害的表述，点击“测测你是几分熟”，上传自己的正面照，调整至合适尺寸，点击”确认上传“即可生成结果海报，海报包括用户的美白度打败了全国多少人，肤色等级，及游戏二维码和活动宣传语，用户可分享好友，或领取福利，福利界面有活动的主要内容，和”已复制淘口令“的提示。

页面四周是树叶围绕和太阳高照，画面颜色清浅凉爽，呼应了太阳伞防晒的主题。

游戏很简短，操作简单，在测试结果界面有醒目的二维码和活动折扣，领取福利界面也有满减活动的图文介绍，还直接复制了淘口令，让购买很方便。

技术实现： html5

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

标签