0609 直播 · 抽红包活动原型预览

免费抽最高 688 元 红包 · 邀约期

水滴保企信用户专享 · 预约直播即可参与抽奖 · 100% 中奖 · 跨知保视频自动播放 + 模板订阅引导闭环

活动时间
06/09 — 06/16 18:59
直播日
2026 / 06 / 09 19:30
参与客群
水滴保企信存量好友
奖池预算
20,000 元 / 8 档奖品

三个页面 · 主流程

PAGE 01 · 活动主页
8 段红包转盘 · 预约抽奖
入口页 · 完成视频号直播预约任务 → 自动抽奖 → 跳转知保视频详情页带中奖结果
1
页面停留 6s 或点 CTA → 视频号官方预约弹窗
2
弹窗「立即预约」→ 抽奖机会 +1，按钮变「立即抽大奖」
3
自动旋转 3 圈 + 缓动停在中奖位置（PRD 概率：0.28 元 78% / 0.68 元 15% / 1.88 元 6% / 6.66 元 1%）
4
抽奖成功 → 自动跳转视频详情页携带中奖参数
体验活动主页
PAGE 02 · 知保视频详情页
中奖弹窗 + 视频 + 订阅引导
本次新增 · 中奖结果与视频内容融合，弹窗 5s 自动消失 → 视频自动播放 → 10s 后引导订阅模板消息
1
中奖弹窗 5s 倒计时自动消失UPDATED
2
弹窗消失或点「查看更多精彩内容」→ 视频自动播放UPDATED
3
视频播放 ≥ 10s → 底部弹出模板消息订阅引导UPDATED
4
订阅成功 → 右侧订阅 icon 隐藏 · 状态写入 localStorageUPDATED
5
订阅后再次点活动链接 → 跳过活动页，直接进视频页并自动播放UPDATED
体验视频详情页

本次新增交互（5 处）

中奖结果融合视频页

  • 变更前：活动主页直接弹窗 + CTA「去知保看看」
  • 变更后：活动页抽奖成功 → 跳转视频详情页 → 在视频页上展示中奖弹窗
  • 原因：让用户「中奖即沉浸」，减少二次跳转流失

弹窗 5s 倒计时

  • 弹窗右下 5s 倒计时 pill 实时变化
  • 倒计时归零 → 自动消失
  • 消失后视频立即自动播放

CTA 按钮即时播放

  • 按钮文案：「查看更多精彩内容」
  • 点击立即关闭弹窗 + 视频自动播放
  • 无需用户二次找播放按钮

10s 订阅引导

  • 视频播放累计 10s 触发
  • 底部 banner 上滑 + 右侧订阅 icon 高亮
  • 点击 → 微信模板消息订阅对话框

订阅成功 · 状态记忆

  • 订阅成功 → 视频页订阅 icon 隐藏
  • 状态写入 localStorage（subscribed）
  • 再次点击活动链接 → 跳过活动页直接进视频

状态机

  • booked：预约完成
  • lotteryDone：抽奖完成 + rewardAmount
  • subscribed：模板消息订阅
  • 三态独立，分别决定跳转路径

关键参数 · PRD 对齐

奖池设置（PRD）

  • 0.28 元 78%（小额引流）
  • 0.68 元 15%
  • 1.88 元 6%
  • 6.66 元 1%
  • 168 元 / 688 元定向人群（自建 LP）

业务目标

  • 非 P 不活跃打开率 ≥ 0.4%
  • 非 P 不活跃参与率 ≥ 70%
  • 大厂工单 20,000 条（邀约 1w + 直播 1w）

运营节奏

  • 06/09、06/11、06/18：全量推送（210w/场）
  • 06/12、06/14：自主补发（50w / 100w）
  • 06/18 重点提醒已领红包用户观看直播

关键埋点

  • 133528 · 直播预约页面曝光
  • 133531 · 中奖弹窗曝光（携带 reward_amount）
  • 133532 · 订阅弹窗曝光
  • sph_bbx_zbyy · 直播预约成功

交付资源

PRD.md · 完整需求 活动主页 知保视频详情页
体验提示：原型用 localStorage 记忆「预约 / 抽奖 / 订阅」状态。一次完整体验后，点击右侧按钮可重置回初始状态，重新走流程。
原型说明
  1. 视觉调性参考 PRD 提供的双 11 × 点淘大厂抽奖样式：粉紫渐变 + 红包卡片放射布局 + 金色顶级奖。
  2. 中央 mascot 由 GPT Image 2（gpt-5.4-image-2）一次性生成；视频封面与主持人像沿用 0609 家庭顶梁柱原型素材。
  3. 视频播放器为 CSS 模拟（封面定期切换 + 进度条），不含真实 mp4 文件；如需接 SDK 替换 `.player` 容器即可。
  4. 本原型在 390px / 480px 宽度下经手动核对；桌面端按 max-width 480px 居中。
  5. 状态记忆 key：lr0609_state；可在 DevTools → Application → LocalStorage 中观察。