Screens · T2 截圖走查 · 預約・報名・會員經營

會員制品牌平台:入會動線、圖文選單、會員中心、存摺與送禮

高端養生食品品牌的 LINE 數位會員平台:從加好友、OTP 入會,到六格圖文選單、LIFF 會員中心、商品存摺、電子送禮、後台與顧問人機交棒。12 頁客戶提案簡報,品牌與人名已全部改寫。

LINE 會員OTP 入會Rich MenuLIFF存摺電子送禮街口/綠界人機交棒

素材:客戶提案簡報 12 頁。去識別化:品牌名、英文名、創辦人、合作診所與醫師、商品名稱全部改寫(雲穗 YUNSUI 為虛構品牌)。

01

封面

LINE 數位會員平台功能總覽。

封面
02

整體架構四層

進入動線、圖文選單、會員中心、後台機制——從會員第一次接觸到深度經營的完整動線。

整體架構四層
03

第一層 A:加好友 → 入會

自動歡迎卡 → 開啟入會表單 → 填資料(縣市區域連動)→ 簡訊 OTP → 入會圓滿卡。

  • 六位數 OTP 驗證手機,接通簡訊商後切真實簡訊
  • 已入會者輸入關鍵字直接顯示會員資格卡
第一層 A:加好友 → 入會
04

第一層 B:關鍵字自動回應

會員直接打字就有對應內容:入會、品牌故事、創辦理念、商品、FAQ、客服、私享服務、批號溯源。

第一層 B:關鍵字自動回應
05

第二層:六格圖文選單

商品入口、健康聯名、電子送禮、品牌深度、品牌活動、一對一諮詢。

第二層:六格圖文選單
06

選單 1–3 格

商品 carousel 每張卡可加入購物車;健康聯名權益;電子送禮四步驟(規劃中)。

選單 1–3 格
07

選單 4–6 格

品牌故事與溯源、國際對話與品牌活動、專屬諮詢顧問私訊。

選單 4–6 格
08

第三層:LIFF 會員中心

會員資料、權益人、商品存摺、商品列表、溯源查詢、電子送禮六個入口,每個標已上線/規劃中。

  • 權益人:家人共享會籍,可指定為收禮人
  • 存摺:像銀行存摺看剩餘數量,直接出貨從存摺扣
第三層:LIFF 會員中心
09

第三層:LIFF 下單四步

商品列表 → 購物車 → 結帳 → 完成;付款方式 LINE Pay/綠界,商戶申請中先以模擬模式。

第三層:LIFF 下單四步
10

第四層:後台與服務機制

管理員後台(會員/訂單/帳號權限)與一對一諮詢的「人機交棒」:顧問接手後 Bot 靜音、30 分鐘無互動自動交回。

第四層:後台與服務機制
11

開發狀態彙整

已上線/接通中/下一階段三欄誠實列出,客戶知道錢花在哪、還缺什麼。

開發狀態彙整
12

結語

由「怎麼賣」延伸到「賣給誰、怎麼留、怎麼深耕」。

結語

系統架構(去識別化摘要)

LINE OA  ──webhook──>  Cloud Run(單一容器)
LINE Pay ──callback─>     ├── Flask backend:routes(webhook/API/jobs)、services(純函式業務邏輯)、flex(訊息卡)
綠界     ──callback─>     └── LIFF 靜態(React):/ 會員端、/admin 後台

Cloud Scheduler ──cron──> /jobs/*(X-Cron-Secret 驗證)
   ├── 會籍到期檢查   每日 09:00
   ├── 消耗預測       每日 10:00
   ├── 流失預警       每日 09:30
   ├── 排程推播       每 5 分鐘
   └── 禮物到期       每日 02:00

Firestore ←── Admin SDK ──── backend(前端不直接讀寫;所有寫入走 backend API;wallet/orders/counters 用交易)
Secret Manager ──> 環境變數注入 Cloud Run