新风尚-表白活动

需求PRD

1. 需求背景

配合新风尚活动，结合七夕做蓄客的方式设计本次活动

2. 需求描述

2.1 视觉稿

所有状态视觉稿： 点击（提取码：kyxr）

2.1.1 邀请者页面

2.1.2 被邀请这页面（淘粉吧）

2.1.3 表白信 （顺序分先后）

2.2 流程逻辑

2.3 需求详述

2.3.1 邀请者页面

2.3.1.1页面基础交互

• 使用无页头样式
• 本页面不支持右上角分享
• 站外点开点击任意按钮弹出通用下载提示（微信及站外区别）
• 在淘粉吧内点击任意按钮进行登陆判断，未登陆跳转到登陆页面
• 登陆状态点击按钮先弹出昵称输入框，输入完成后调起分享组件
• 点击查看表白信跳转到查看表白信页面（新webview打开），无需填写昵称
• 点击用户头像区域跳转到客户端 「我的资料」页面
• 用户头像区域每次刷新时同步用户当前头像
• 页面每次刷新时更新用户状态
• 活动时间：
  
  • 阶段1：8月28日0点 - 8月31日23点59分59秒
  • 阶段2：8月31日0点 - 9月3日0点

已有X人配对成功

• 显示当前已有配对成功的用户数
• 页面刷新时更新

结伴流程

1. 跟TA表白，邀请TA一起结伴
2. TA复制结伴码并在淘粉吧APP搜索框输入
3. 结伴成功，8月31日瓜分红包

浏览足迹

• 显示访问过该用户的微信用户头像
• 可左右滑动，最多显示20个

规则文案

1. 结伴时间：8月28日00:00:00 - 8月30日 23:59:59;
2. 领取红包时间：8月31日10:00:00 - 9月2日23:59:59，逾期则红包失效;
3. 活动瓜分红包为无门槛通用返利红包;
4. 每名用户只能与一人结伴，结伴成功后即可在指定时间瓜分红包;
5. 分享您的表白信给好友，TA复制您的结伴口令并在淘粉吧APP搜索输入框中输入即可和您结伴，届时两人均可参与瓜分红包;
6. 每名用户瓜分的红包金额为截止8月31日0点为止所有结伴成功用户均分;
7. 每名用户只能结伴一次，结伴成功后不可更改;
8. 可在淘粉吧APP 「我的」- 「个人资料」处修改头像
9. 本活动最终解释权归淘粉吧所有

2.3.1.2整体活动状态

• 页面分为：邀请成功状态，邀请未成功状态，领红包状态，活动已结束
  
  • 邀请成功：活动阶段1，用户已配对成功，用户访问显示该样式
  • 邀请未成功：活动阶段1，用户还未配对成功，用户显示该样式
  • 领红包状态：活动阶段2显示该样式，分为已有配对成功用户和无配对成功用户
  • 活动已结束：整体活动已结束状态

2.3.1.3 邀请未成功状态

• 视觉稿：
  

配对区域

• 左侧显示用户淘粉吧头像及 固定文案ME:我
• 当用户无头像时使用默认头像：

• 右侧名称固定显示 TA:？

按钮区域

• 看看表白内容按钮：点击后跳转到包含自己信息的表白信页面，新webview打开，盖在该webview上方

• 找TA结伴按钮：点击后下弹出昵称输入框
  

  • 该处昵称修改不会修改淘粉吧昵称

• 点击提交后调起分享组件，使用微信，朋友圈渠道

分享组件素材

• 分享组件内容：「待添加」
  
  • 组件标题:
  • 组件描述:
  • 分享标题：
  • 分享描述：
  • 分享图片：
  • 分享落地页：包含该用户信息的表白信落地页

邀请者页面被访问记录

• 显示访问过该用户的微信用户头像
• 可左右滑动，最多显示20个

2.3.1.4 邀请成功状态

• 视觉稿：

结伴成功阶段1：

• 8月31日10:00访问此页面领取红包

配对区域

• 结伴成功头像合并在一起，如上图
• 左侧为邀请者（ME+头像），右侧为被邀请者
• 显示昵称（TA:{微信昵称}），微信头像;无头像使用默认头像，特殊图形直接隐去，非微信渠道访问用户不显示
• 昵称超过右侧范围时使用...代替
• 当用户无头像时使用默认头像

按钮区域

• 用户在阶段1状态时按钮为灰色，不可点

邀请者页面被访问记录

• 显示访问过该用户的微信用户头像
• 可左右滑动，最多显示20个

2.3.1.5 阶段2状态

• 视觉稿：
  

结伴成功阶段2（8月31日0点 - 9月3日0点）:

• 用户在阶段2状态时点击弹出弹窗提示红包领取成功，如下：

结伴未成功阶段2:

• 按钮变灰，提示用户未结伴成功，如图：

2.3.1.6 活动结束状态

• 保持用户之前活动时状态
• 按钮变更为一个，显示活动已结束
  

2.3.2 被邀请页面（表白信）

2.3.2.1 基本交互

• 页面title:来自{用户昵称}的表白信
• 分享组件内容：
  标题：「待添加」
  描述：
  图片：
  落地页：包含用户码的表白信页面

2.3.2.2 表白信交互

封面

• 点击偷偷打开跳转到模糊字

模糊字

• 访问页面后信件下方显示倒计时，为8秒：

• 倒计时结束后显示答案，本封信的答案为：

• 点击继续阅读到计算题

计算题

• 访问页面后信件下方显示倒计时，为8秒：

• 倒计时结束后显示答案，本封信的答案为：
  520.1314

• 点击继续阅读到藏头诗

藏头诗

• 访问页面后信件下方显示倒计时，为8秒：

• 倒计时结束后显示答案，本封信的答案为：

• 点击此处有惊喜到 表白信惊喜页

惊喜页

• 文案：

  茫茫人海
  有趣的灵魂总会相遇！

• 点击去淘粉吧弹出通用下载（微信端）

• 表白密码为包含用户信息的淘粉吧搜索口令
• 在淘粉吧搜索框输入本口令跳转到被邀请者页面（淘粉吧）并带上邀请者信息

2.3.3 被邀请页面（淘粉吧）

2.3.3.1 通用交互

• 本页面不支持分享组件
• 使用无页头页面
• 当访问被邀请者页面的为邀请码所包含的邀请者本人时，跳转到邀请页面
• 访问页面时查询邀请者当前的邀请状态：
  
  • 邀请者已配对成功：提示用户邀请者已配对成功，点击按钮跳转到邀请者页面
  • 邀请者未配对成功：显示配对按钮，点击后双方配对成功
  • 配对成功状态：提示用户8月31日后可领取红包

2.3.3.2 结伴状态

• XXX为邀请者在邀请页面输入的昵称，头像为该用户淘粉吧头像
• 点击我愿意结伴进行用户登录判断
• 登陆后点击判断邀请者是否可结伴
  
  • 可结伴：则跳转到结伴成功页面
  • 不可结伴：提示用户不可结伴，如图：（待修改）

• 点击找人结伴跳转到邀请者页面

• 当活动已结束时按钮变更为活动已结束

2.4 结伴口令

• 口令有效期：8月28日 0点-9月3日 0点
• 用户访问首页时进行用户剪切板读取

• 判断为本次访问码后弹窗：

  标题：结伴口令
  描述：和好友结伴瓜分红包

• 点击去看看跳转到被邀请页面

• 用户搜索框输入口令可跳转到被邀请页面

2.5 入口展示逻辑

背景：阶段2领取红包状态如用户未结伴，则该页面对用户来说毫无意义还会占用资源位，所以针对该类型用户不展示。

• 阶段2状态仅针对已结伴成功用户显示

3. 埋点