CosMate 滑卡 × 收費 Wireframe v0.3
2026-07-07｜對應 PRD v0.1（20260707_PRD_滑卡交友與月訂閱收費_v0.1）與決策 D14–D20。
v0.2 新增 Flow E 整合提案：滑卡上位為 onboarding 後首屏、聊聊看與破冰便利貼降級（方案 A/B 擇一）。
v0.3 依 Vivian 反饋修訂：配額不透明原則——不公布包內張數（一輪 30–40 張，僅後台知）、不公布剩餘讚數、不公布下一包時間；開包儀式改自動播放；卡面移除活躍標籤與說明字；空池 CTA 簡化。
灰階＝wireframe 示意非視覺稿；斜紋框＝照片位；黃色＝主要 CTA／命中提示。每張圖下方黃框＝討論重點。
Flow Map｜畫面流程總覽（v0.3 新增）
方框編號對應下方各畫面；實線＝用戶操作，虛線＝時間／推播驅動；黃框＝收費觸發點。
① 導入動線（新用戶 vs 既有用戶）
② 滑卡循環 × 配對（核心 loop）
③ 收費觸發 × VIP 生效
④ 供給 × 收費階段化（S0–S3・對應 PRD §7.1／§4.5・D22）
⑤ 排序規則（三段管線・對應 PRD §3.3・D23）
新用戶動線（v0.2 提案，方案 A 版）
COS'MATE
透過 Apple 繼續
透過 Google 繼續
手機號碼 繼續
條款含滑卡入池同意
→
基本資料（現況）
手機 → 驗證碼
性別
生日
暱稱
5 步・不動
→
興趣＋目標（現況）
喜歡的動畫（SKIP）
喜歡的遊戲（SKIP）
喜歡的小說（SKIP）
目標對象
不動
→
需討論・新增
A-2 你想認識
必答・無 SKIP
男性
女性
所有人
寫入滑卡硬過濾
→
需討論・新增
A-3 最好看的照片
主照必傳・其餘可略過
吸收原「個人頭像」步驟 🟡
餵互惠制（多傳多看）
→
從哪得知（現況）
App Store朋友推薦IGDcard
可 SKIP・不動
註冊流程結束
→
B-0 開第一包
卡包動畫
自動播放・可跳過
「你的第一包卡牌」
→
B-1 滑卡主畫面
第一張卡
onboarding 後第一眼
（方案 A＝首 tab）
既有註冊流（手機/驗證 → 性別 → 生日 → 暱稱 → 喜歡的動畫/遊戲/小說 → 目標對象）→ A-2 你想認識（必答，寫入 preferred_gender） → A-3 多張照片上傳（第 1 張兼頭像，吸收原「個人頭像」步驟 🟡） → 從哪得知 → 落地滑卡 tab → 開第一包儀式自動播放（B-0，不需點擊、可跳過）→ B-1 滑卡主畫面。條款含滑卡入池同意（D14）。
既有 8000 用戶：升版後首次進滑卡 tab → A-1 opt-in 開卡包（開包＝同意）。
聊聊看與破冰便利貼在此動線中不出現於第一眼——分別降級為滑卡頂部 strip（E-1）與動態 tab 頂部區塊。
Flow A｜既有用戶導入（opt-in）
PRD §3.2・D14——8000 既有用戶首次進滑卡 tab；新用戶走註冊條款直接入池。
✕滑卡配對
卡包封面
(一次性動畫)
你的第一包卡牌到了 🎴
每 12 小時開一包新的
裡面是和你同好的人
點「拆開卡包」即同意加入滑卡配對
（滑卡規則與條款）
先不要，下次再說
A-1 開卡包 opt-in（一次性）
PRD §3.2｜D14
開包＝同意入池（雙向：可滑人、也會被滑到）。「先不要」→ 不入池、tab 停留在此畫面。待議：拒絕後的再邀請節奏。拆包後接 A-2 補問一題（舊用戶沒答過偏好）。
‹
你想認識
我們會優先推薦你選擇的性別
›
A-2 你想認識（註冊必答・插在「目標對象」後）
PRD §3.2／§11-1｜Vivian 07-07 提案
必答、無 SKIP——根治 preferred_gender 大量未填（女 coser 94% 未設）。寫入滑卡硬過濾；之後可在篩選改。舊用戶：A-1 拆包後補問同一題。
‹略過
上傳你最好看的照片吧
第一張會是你的卡面主照。照片越多，能看到別人的照片也越多、配對成功率越高！
熱門範例
›
A-3 多張照片上傳（插在 A-2 後）
PRD §3.2｜D18 互惠制冷啟動
74.8% 活躍用戶零生活照的根治點。文案直接預告互惠規則（「照片越多，能看到別人的越多」）。🟡 待議：①第 1 張兼頭像＝可吸收現有「個人頭像」步驟（不然註冊多兩頁變 12+ 頁，流失風險）②可略過與否——建議可略過但主照必傳。
Flow B｜滑卡主流程
PRD §3.1／3.4／3.9・D15／D18——12h 循環、卡面交集優先、互惠照片。配額不透明：UI 不出現張數／剩餘讚數／下一包時間。
卡包撕開動畫
（自動播放 1.5–2s）
新的一包來了 ✨
正在洗牌…
跳過
B-0 開包儀式（每循環首次進入，自動播放）
PRD §3.1｜D14
自動播放、不需點擊（v0.3 反饋）：進滑卡 tab 若有新包，儀式自動跑完直落 B-1；可跳過。不顯示張數。既有用戶「首次 opt-in」（A-1）仍需點擊一次＝同意，之後每循環都走此自動儀式。
滑卡⚙︎ 篩選
主照（永遠可見）
小鹿, 24
你們的共同點
💮 咒術迴戰🎮 蔚藍檔案📷 場次常客貓派
B-1 滑卡主畫面
PRD §3.1／3.4／3.9｜D14／D15
v0.3：頂列不放任何數字（無張數/倒數），僅標題＋篩選。卡面移除活躍標籤與說明字，只留名字年齡＋共同點 chips；⭐＝SuperLike（免費者點擊→D-2 paywall）；↩＝反悔重選（D21，滑出 Dislike 後短暫浮現：VIP 撈回上一張、免費點擊→paywall T5；僅限上一張 Dislike）。tab 位置見 Flow E。
‹ 收合小鹿, 24
主照
共同點（T1）
💮 咒術迴戰🎮 蔚藍檔案📷 場次常客
Cosplay（T2 展開優先區）
喜歡的角色五條悟…
cosplay 年資3 年
喜歡的展會FF、PF
解鎖照片（互惠預覽 D18）
你上傳了 1 張，可預覽 1 張——多傳照片看更多；配對成功全部解鎖
基本（T3 一般區）
MBTIINFP
所在地台北
B-2 卡片展開（T2/T3＋互惠照片）
PRD §3.9｜D18
互惠態文案是上傳誘因的主戰場：「多傳照片看更多」直連個檔編輯。空欄位不顯示。待議：30 欄位的 T2/T3 分配細表（PRD §11-3）。
滑卡主畫面（底層）
⭐
對小鹿送出 SuperLike？
對方會立刻收到通知並置頂看到你
本月剩 4 / 5 張
再想想
B-3 SuperLike 確認彈窗（VIP）
PRD §3.1｜D11／D19
防誤觸（D11 原案）＋剩餘張數提示。免費用戶走 D-2 paywall，不會看到此彈窗。
滑卡⚙︎ 篩選
空卡包插畫
這一包拆完了！
新的一包正在準備中 🎴
先去星球逛逛吧
B-4 空池畫面（滑完本包態）
PRD §3.7
v0.3：不顯示倒數（不透明原則）、移除「放寬篩選／邀請朋友」CTA，只留導流星球。不掛 VIP CTA（VIP 不抬看卡）。回訪改全靠循環推播。另兩態（篩選過窄／池枯竭）同框架換文案 🟡 CTA 另議。
Flow C｜配對與開口
PRD §3.5・D20——match 即輸入框、72h 過期、聊天列表 badge。北極星＝開口率 80–90%。
配對成功！
你們都喜歡
💮 咒術迴戰📷 場次常客
打聲招呼吧…（開場白就用共同點！）
72 小時內雙方都沒說話，配對會過期喔 ⏳
C-1 Match 畫面（內嵌輸入框）
PRD §3.5｜D20
GRASS 範式：輸入框直接在 match 畫面＋共同點提示＝開口率槓桿。過期規則在此明示（預期管理）。
Flow D｜收費（paywall T1–T5・誰喜歡我・訂閱頁）
PRD §4・D16／D19／D21——單一月費五權益。售價不寫死（RevenueCat A/B）。分層原則：T1/T2/T5＝輕量彈窗先講好處→點擊進 D-5；T3/T4 直落訂閱頁。
滑卡主畫面（底層）
💛
這一輪的讚用完了
休息一下，晚點再回來——或
VIP 無限送出喜歡
看到的都能按，不再錯過
●○○○ 權益輪播（4 項）
D-1 Paywall T1（讚用完）
PRD §4.4-T1｜D15
v0.3：撞牆時才知道有牆——平時不顯示剩餘讚數；此彈窗也不放倒數（不透明原則延伸）。🟡 待議：GRASS 在此處放倒數當轉換壓力件，我們犧牲了這根槓桿，上線後若 T1 轉換弱可回頭 A/B 倒數版。
滑卡主畫面（底層）
⭐
SuperLike 是 VIP 專屬
每月 5 張，讓心動的人第一眼看到你
○●○○ 權益輪播（4 項）
D-2 Paywall T2（免費上滑 SuperLike）
PRD §4.4-T2｜D19
手勢本身變成收費觸發點。輪播預設停在權益④。
誰喜歡我23
升級 VIP 立即查看 23 位喜歡你的人
D-3 誰喜歡我（免費馬賽克態）
PRD §3.6／§4.4-T3｜D3
數字＋馬賽克＋「最近上線」標籤（GRASS 活躍度加壓）。SuperLike 來源卡帶 ⭐ 標籤置頂。點任意卡→paywall。
誰喜歡我VIP
點卡直接回 Like → 立刻配對
D-4 誰喜歡我（VIP 解鎖態）
PRD §3.6｜D16②
SuperLike 來源置頂＋特效框（D19）。回 Like 即配對（不重走牌組）。
✕CosMate VIP
權益輪播主視覺
●○○○
VIP 四權益
♾️ 無限送出喜歡看到的都能按
👀 立即看誰喜歡我整頁解鎖
🚀 優先被看到更常出現在別人牌組
⭐ 每月 5 張 SuperLike置頂＋即時通知
月費方案
NT$ ---
售價由 RevenueCat A/B 決定，此處佔位
定期扣款、可隨時取消｜iTunes/Google Play 帳號扣款｜隱私政策・服務條款
D-5 VIP 訂閱頁（T4 常駐入口）
PRD §4.1／4.2／4.4-T4
單一月費、無多檔——比 GRASS 三檔更乾淨。首購甜頭欄位預留（PRD §11-5）。合規文案照 IAP 慣例。所有觸發點（T1–T5）最終匯流到此頁。
滑卡主畫面（剛左滑掉一張）
↩
想把剛剛的人撈回來？
VIP 可以無限次反悔重選
剛滑掉的卡立刻回到牌頂
○○○○● 權益輪播（5 項）
D-6 Paywall T5（免費點 ↩ 反悔）
PRD §4.4-T5｜D21
滑出 Dislike 後 ↩ 短暫浮現，免費點擊進此彈窗——誤滑懊悔＝情緒最高的轉換時點。僅限上一張 Dislike；免費無嚐鮮額度。
⚙︎ ⋯
bio／Link 區（現況不動）
⭐ CosMate VIP升級解鎖五權益 ›
帳戶整理›
我的限時探索›
我的破冰話題›
（以下 collection／欄位／Photo 01–04 照現況）
D-7 個人頁 VIP 入口（T4 主入口）
PRD §4.4-T4｜依 07-07 個人頁截圖
插在選單列組首列（帳戶整理上方），金色框沿用收費圖例。雙態：未訂閱＝「升級解鎖五權益 ›」；已訂閱＝「VIP 會員 ✓・本月 SuperLike 剩 N 張」（付費資產可見）。設定頁（E-4）保留次入口＝iOS 退訂慣例。
滑卡⚙︎ 篩選
空卡包插畫
這一包拆完了！
新的一包正在準備中 🎴
D-8 空池加開入口（⏸ S2 起才出現）
PRD §4.5／§7.1｜D22
非 v1 上線畫面——S0/S1 空池態＝B-4（無任何 VIP 元素）。週活過 1.5 萬進 S2 後，此鈕以 VIP 限定形式出現（免費點擊→訂閱頁）；加開次數 config 起步 1–2 次/循環。
Flow E｜與現有 App 的整合提案（v0.2 新增）
依 2026-07-07 現有 App 截圖。方向已定：滑卡＝onboarding 後第一個主要畫面；聊聊看入口與破冰便利貼降級。方案 A / B 擇一。
👋 Hi 你好~⚙︎
開始一段新交流
聊新番・搭角・逛展・閒聊・揪人
去聊聊看
今天還有 25 次主動找人聊聊｜👤 606
📝 破冰便利貼 一天聊20隻鴿子
全部求同好曬貓交友娃娃交友
E-0 現況首頁（重繪對照用）
現況＝新用戶註冊後首屏
現況：聊聊看 hero 佔滿首屏、破冰便利貼第二區塊。新用戶第一眼看到的是「匿名快聊」而非「人」——滑卡上位要解的就是這個。
滑卡⚙︎ 篩選
💬 想直接開聊？聊聊看（👤606 在線）GO ›
E-1 方案 A：滑卡直接接管首 tab（建議）
PRD §3.2｜D14
星球 tab 內容＝滑卡，新用戶註冊完直接落地開第一包。聊聊看降級成頂部一條 strip（保留在線數與額度感）；破冰便利貼移去「動態」tab 頂部。優點：入口零分岔、滑卡流量最大化；風險：聊聊看使用量會掉，要盯 6/17 開口率儀表。
👋 Hi 你好~⚙︎
聊聊看 hero（縮小版）
去聊聊看｜👤606
📝 破冰便利貼（下移保留）
E-2 方案 B：滑卡佔第 2 tab、星球保留但縮聊聊看
PRD §3.2
「卡冊」tab 讓位給滑卡（icon 語意本來就像）❓卡冊功能去向需確認。新用戶註冊後預設落在滑卡 tab（非星球）。優點：聊聊看生態動得少；缺點：雙入口分流、滑卡不是「唯一的第一眼」。
E-3 訊息頁整合（👯 好友分頁置首・07-07 Vivian 定調）
PRD §3.5｜6/17 badge 決議｜D2／D20
三分頁重排：👯 好友（含滑卡配對）置首、🐦 鴿子（匿名配對＋回貼文對話，現況不動）居次、📢 公告第三。👯 內規則：未開口的配對只住「新配對」橫列（72h 倒數沿用鴿子的時間條元件，剩 12h 轉紅），開口後才落地為一般訊息列（倒數消失、永久有效）；D2 畢業＝匿名室 Both Like 後從 🐦 搬入 👯，附系統訊息。🟡 待拍：過期行為差異——鴿子到期房「留列表＋紅字」，滑卡過期配對照 D20「直接移除」（雙方零訊息、無內容可留）；若團隊要一致，可改灰態停留 48h 再消失（config）。
‹設定
一般
🔔 通知設定›
🪪 帳戶驗證已驗證 ✓
🎴 參與滑卡配對ON／off
關閉後：不看卡、也不會出現在別人的牌組（雙向，PRD §3.2）；既有配對與好友不受影響 🟡待議
帳戶
⭐ CosMate VIP管理訂閱 ›
✉️ 綁定電子信箱›
🚫 已封鎖帳戶列表›
E-4 設定頁（opt-in 開關＋VIP 入口）
PRD §3.2／§4.4-T4｜模組 A8
滑卡 opt-in 開關放「一般」區（帳戶驗證下方）；VIP 管理入口放「帳戶」區首位＝T4 常駐入口之一。🟡 待議：關閉滑卡後既有配對是否保留（PRD §3.2 沿用模組表 A8 待確認項）。