盒马：盒马新米季

2021-05-06 H5案例分享 H5案例分享

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

识别图中二维码

盒马新米季-查阅二维码

完整欣赏此案例大约需要30秒

案例：盒马新米季

品牌：盒马

技术实现： Zepto+CreateJS

亮点：

1.创意定位

盒马在新米季推出的“心愿神签”创意H5，通过“求签”的形式，生成创意海报，然后引导用户去盒马APP，购买新米。

2.策划逻辑

简洁清晰：Loading→ 主题页 → 摇签动画 → 海报页（长按保存，外链跳转）。

Loading：盒马IP摇签小动画。

主题页：露出品牌“盒马新米季”和活动主题“新米神殿心愿神签”，点击“求签”按钮，展示摇签动画后，进入海报页。

海报页：随机从8种文案中给出一种，引导用户晒出好运海报。长按可以保存海报到相册，也可以点击“新米迎好运，点它！”，跳转官方链接。

3.视觉交互

视觉色彩鲜艳，不同文案海报背景不同，简洁明亮。交互简洁，点击、长按保存，降低用户参与难度。

4.用户体验

如果求一个“神签”就能保一年KPI稳稳的，那该多好！打工人都知道，不能轻易放过自己，干就完了！

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

标签