1.创意定位

公仔面推出的实体商品与顾客线上互动创意H5，通过扫描购买的公仔面杯盖背面的二维码，进行参与互动，抽取红包。使用户玩着记住品牌，抽着红包产生复购。

2.策划逻辑

Loading → 主题页 → 视频页  → 录音页 → 海报页。

Loading部分：音符动态加载+进度百分比；

主题页：与麦兜K歌赢红包——公仔神曲KTV，点击“开始K歌”按钮，进入视频页部分。特别说明：只有购买公仔面，扫杯盖背面二维码才能抽红包哦。

视频页：两个版本的“公仔面好好吃”视频，用户可以通过点击“国语视频”和“粤语视频”两个按钮来切换版本，两个视频用国语和粤语唱“公仔面好好吃”的歌曲，点击“确认”按钮，进入录音页。

录音页：点击“OK秀歌喉”按钮，出现歌词，点击“按住麦克风唱歌”按钮，用户可以随着音乐哼唱视频页中的“公仔面好好吃”的歌曲，录完可以“再录一遍”或“试听歌曲”，没问题的话，点击“确认”，进入海报页。

海报页：根据录音质量，会给出一张荣誉海报，点击海报底部“点击保存让朋友听你唱”，弹出生成后的海报，可以长按保存到相册，然后，可以把保存下来的海报分享到朋友圈，朋友可以通过海报底部的二维码进入H5，听你的录音分享哦。

3.视觉交互

红黄配色，视觉鲜艳而热情。交互上最有特色的便是录音了，该交互方式需要征询用户调用录音机的权限，只有用户同意授权，才可以成功录音。

4.用户体验

还是很新颖的玩法，实体线下商品作为入口，把用户引流到线上来，实体商品线上线下营销结合，值得借鉴。