可以,而且我认为这个结构更合理:
页面分离,数据统一。
- “去参与”负责活动展示、购买转化;
- “我的”负责个人邀约数据、进度、返还和奖励;
- 两边使用同一套后台数据,不重复维护两套逻辑。
你这张海报很适合做“去参与”页面的主视觉。它已经具备几个重要信息:
- 品牌和活动氛围;
- 369 元价格;
- 套餐项目和价值;
- 纳新活动的视觉冲击力。
但海报本身没有完整表达“怎么参与、怎么返还、怎么获得 50 元奖励”,所以建议把它作为页面顶部的活动详情,而不是整页只放一张图片。
一、“去参与”页面结构
建议页面名称为“活动详情”或“参与活动”。
顶部导航:活动详情
[樊文花纳新海报]
[距活动结束 02天 08:36:21]
宠粉节 · 礼遇价
¥369
唯一参与套餐
[套餐包含内容]
BOTA肌肤瓶 1次
面部提拉 1次
胶原紧致抗衰管理 1次
三明治定制管理 1次
[参与流程]
01 支付369元
02 邀请有效新用户
03 满2人返还369元
04 第3人起每人奖励50元
[当前邀请者]
我是通过 A 的邀请进入
[活动规则]
支付成功后,经本店员工核验为有效新用户才计入
已支付但停购期不符合要求的用户不计入
底部固定栏:
¥369 立即支付
海报建议这样使用:
- 顶部完整展示,保持原图比例;
- 点击海报可以全屏预览;
- 不要在海报上再叠加大量文字,避免破坏视觉;
- 倒计时、支付按钮、邀约流程使用原生页面组件补充;
- 底部固定“立即支付 ¥369”,用户滚动到任何位置都能购买。
倒计时要由服务器返回活动结束时间:
- 正常状态:
距活动结束 03天 08:12:20 - 低于 24 小时:使用更醒目的红色;
- 活动结束:按钮变成“活动已结束”,禁止支付;
- 不建议做高频闪烁,保持稳定、克制,才会显得专业。
二、“我的”页面显示邀约数据
“我的”里面不再重复放整张活动海报,而是做成个人数据中心。
建议增加一个一级入口:
我的
├─ 活动订单
├─ 邀约数据
└─ 收益明细
“邀约数据”页面显示:
我的邀约数据
有效新用户
1 / 2
已邀请人数 4
待人工审核 1
已到账奖励 ¥50
369元返还 返还处理中
我的邀请者
A
我的直属邀请
B 审核通过 计入第1人
C 停购期不足 不计入
D 审核通过 计入第2人
E 审核通过 +¥50 待支付
50元奖励明细
第3位新用户奖励 ¥50 已到账
第4位新用户奖励 ¥50 待支付
这里要明确显示“我的直属邀请”,不要直接显示整个团队人数,否则 A 可能会误以为 B 邀请的人也能直接计入 A。
多级关系展示方式:
A 页面:我的邀请者:无
A 的直属邀请:B、C
B 页面:我的邀请者:A
B 的直属邀请:D、E
D 页面:我的邀请者:B
D 的直属邀请:后续用户
每个用户都有自己的:
- 邀请者;
- 直属邀请列表;
0 / 2进度;- 369 元返还状态;
- 第 3 人以后的 50 元奖励。
三、页面跳转关系
最终建议这样处理:
首页点击“去参与”
↓
活动详情 / 369元购买页
↓
支付成功
↓
显示“查看邀约数据”
↓
我的 / 邀约数据
分享链接进入时:
A 分享给 B
↓
B 打开活动详情页
↓
页面显示:邀请者 A
↓
B 支付369元
↓
B 成为新的推广人
↓
B 可以继续邀请 D、E
按钮状态也要动态变化:
| 用户状态 | 首页按钮 | 活动详情页按钮 |
|---|---|---|
| 未参与 | 去参与 | 立即支付 ¥369 |
| 已支付未达标 | 查看邀约 | 继续邀请 |
| 已达到2人 | 查看邀约 | 查看返还进度 |
| 第3人以后 | 查看邀约 | 继续邀请 |
| 活动结束 | 活动已结束 | 活动已结束 |
四、视觉风格建议
这张海报本身是热烈的红色和女性美妆视觉,建议页面采用:
- 深红作为活动主色;
- 米白和纯白作为信息区域背景;
- 金色作为 369 元、倒计时和返还重点;
- 少量黑色文字保证可读性;
- 页面区块留出足够空白,不要所有内容都做成卡片;
- 只保留一个主要按钮“立即支付 ¥369”。
最终效果应该是:
顶部有活动气势,中间信息清楚,底部操作明确;用户既能感受到活动价值,也能马上理解购买、邀约和返还规则。
当前项目中可以这样调整:
pages/activity/activity:改造成完整的 369 元活动详情购买页;pages/profile/profile:增加“邀约数据”区域;pages/index/index:点击“去参与”继续进入活动详情页;- 后端仍然共用邀请关系、审核、返还和奖励接口。
唯一需要最终确认的是“停购多久算新用户”到底采用 6 个月还是 12 个月,这个条件会显示在活动规则和后台审核配置中。