十月宠粉 · 好礼免费抽 —— 微信小程序活动页原型

触达:员工私聊转发活动小程序卡片,或在朋友圈发布带小程序码的海报 → 用户进入活动页 → 点击【立即抽奖】→ 授权登录(已登录跳过)→ 后端校验是否已添加福利官企微:未添加则弹出福利官活码引导添加,添加后返回本页自动检测并解锁;已添加直接抽奖 → 转盘即时开奖 → 工作日由福利官兑奖。
画板 ① 为可交互主画板,可走通完整链路;其余画板为链路上的关键状态,同样可点击。页面不含任何分享/邀请激励入口与文案(规避《微信小程序平台运营规范》5.1 滥用分享行为)。二维码为占位图形,正式版替换为运营提供的福利官活码(需配置为「客户添加无需确认」)。

1活动页 · 默认态(未登录)
可交互:点击【立即抽奖】或转盘中心按钮走完整链路
演示控制(不属于页面内容):
2授权登录 · 手机号快捷登录
未登录用户点击抽奖后弹出,复用线上小程序登录组件
说明:「其他手机号登录/注册」进入验证码登录,协议勾选后按钮点亮(可在画板 ① 体验)。登录成功后后端立即校验企微好友关系。
3引导添加福利官(未添加企微)
登录后后端校验为「未添加」时弹出
说明:二维码图片开启长按识别(image 组件 show-menu-by-longpress),识别后进入画板 ④。「我已添加,刷新状态」为回调延迟时的兜底:未检测到添加记录时给出提示,不放行抽奖。
4识别后 · 企微名片页(原生示意)
微信原生页面,非本次设计范围
9:41▮▮▮WiFi
‹企业微信名片
福利官
新励成福利官
🏢 新励成教育科技集团
职位学员福利官
来源扫一扫添加
添加到通讯录
添加成功后企业微信实时回调服务端;
用户点击左上角返回小程序,活动页自动检测并解锁抽奖
5返回小程序 · 抽奖已解锁
页面 onShow 时自动复查,已添加则解锁(8 月已添加过的用户登录后直接进入此状态)
说明:抽奖请求提交时服务端再实时校验一次好友关系,防止「加上即删」后抽奖。
6即时开奖 · 门票类奖品
免费沙龙课门票 / 当众讲话试听课门票
说明:福利官按学员手机号在后台「中奖记录」中查询,兑奖后标记为已兑奖。
7即时开奖 · 实物类奖品
实体书籍 / 定制双肩包 / 20寸拉杆箱
说明:实物奖品由福利官私聊登记收货地址后包邮寄出,小程序内不收集地址。
8中奖记录
入口:中奖弹窗「查看中奖记录」/ 抽奖后底部「查看我的奖品」
说明:兑奖状态随后台「标记兑奖」实时更新为「已兑奖」。仅抽奖后可进入,无空状态。
9活动规则
入口:转盘右上角「活动规则」,无需登录即可查看
10奖品已抽完
300 份奖品全部抽出后的页面状态
说明:奖池抽完后直接结束活动,转盘与底部按钮置为不可用。