返回案例列表企業管理平台

BNI FLAGSHIP 分會管理系統

客戶:BNI FLAGSHIP

為香港 BNI FLAGSHIP 分會打造嘅全端分會管理系統:公開門面網站、雙語會員目錄、活動排程配早鳥階梯定價、嘉賓邀請連結報名,以及埋數系統(嘉賓活動費/會員年費/分會支出),收款用 FPS/PayMe QR 配後台人手確認。

BNI FLAGSHIP 分會管理系統
雙語
繁中 + 英文全站
3 級
Admin/Member/Guest 分權
12/12
合成用戶測試全過關

客戶挑戰

傳統 BNI 分會靠人手 Excel 同 WhatsApp 管理會員名單、活動報名同繳費:嘉賓報名要人手核對、早鳥價要人手記住邊個幾時報,埋數(嘉賓活動費、會員年費、分會支出)散落幾個檔案,容易出錯亦難追蹤。分會亦冇一個對外門面,新嘉賓想了解例會時間同行業空缺都要私下問人。

我們的方案

從零開發雙語(繁中/英文)分會管理系統:公開門面加會員目錄、活動排程配早鳥階梯定價引擎(報名一刻鎖價,之後 tier 過期都唔會影響已報名嘅人)、嘉賓邀請連結報名流程,以及埋數系統處理嘉賓活動費/會員年費/分會支出。收款刻意唔綁 payment gateway,用 FPS/PayMe QR 加 admin 後台標記已付,貼合分會實際收錢習慣。上線前經 3 輪合成用戶測試(7 個 persona、繁中英文雙語、手機桌面雙裝置)逐輪修復,直到零 console/page error 才簽收。

執行步驟

1

設計資料庫結構同定價引擎:會員/活動/定價階梯/邀請/報名/會費/支出/設定,逐張表加 RLS 政策

2

拆分 i18n namespace(繁中/英文),確保多路平行開發唔會撞翻譯 key

3

Wave 1:公開網站(首頁/關於/會員目錄/活動)+ 嘉賓報名流程

4

Wave 2:會員 portal(個人檔案/活動/邀請/繳費紀錄)+ Admin 後台(會員/活動/財務/設定)

5

Wave 3:Playwright E2E 測試、unit test、RLS 權限人手驗證清單

6

3 輪視覺設計優化:design token 統一、七大版面重新設計、跨版面一致性掃描

7

3 輪合成用戶測試(7 persona × 雙語 × 手機桌面):修復全域 500 crash、過期活動仍然收報名等問題,第 3 輪 12/12 清零簽收

服務及功能詳情

會員目錄 + 會員 Portal

雙語會員目錄同會員自助 portal,減少人手更新名單嘅負擔。

會員個人檔案管理,可自行設定喺公開目錄顯示或隱藏

會員 portal:睇自己嘅活動、邀請連結、繳費紀錄

Admin 後台會員新增/編輯/狀態管理

行業代表欄位:呼應 BNI「每個行業只得一位代表」規則

活動排程 + 早鳥定價引擎

活動報名配階梯定價,報名一刻鎖價,杜絕事後爭議。

早鳥/標準多階梯定價,按截止時間自動揀當時有效嘅價

報名即鎖價:價格寫入報名紀錄,之後 tier 過期都唔會改動

嘉賓邀請連結報名:可綁定特定活動,亦可做通用邀請

已開始/已完結活動自動封堵報名,三重防呆(server action + 詳情頁 + 邀請頁)

埋數系統

唔綁 payment gateway,用 FPS/PayMe QR 加後台人手確認嘅收款流程。

嘉賓活動費、會員年費、分會支出統一記帳

FPS/PayMe QR 收款指示 + admin 後台標記已付

財務報表:收支總覽同應收帳款

繳費紀錄同會員檔案對接,會員自己查得到

功能亮點

唔綁 payment gateway:用 FPS/PayMe QR 加後台確認,貼合分會實際收錢習慣

早鳥定價引擎報名即鎖價,價格寫入報名紀錄,杜絕事後爭議

三重防呆封堵過期活動報名:server action、活動詳情頁、邀請頁各自把關

上線前 3 輪合成用戶測試:7 個 persona × 繁中英文 × 手機桌面,第 3 輪 12/12 清零、零 console error 才簽收

3 級權限分權(Admin/Member/Guest),逐張表 RLS 政策加人手驗證清單

雙語全站(繁中 zh-HK 為主 + 英文),path-prefixed 路由

Playwright E2E + unit test 覆蓋報名同定價關鍵路徑

技術方案

Next.js 16TypeScriptTailwind CSS v4Supabase (Auth + PostgreSQL + Storage)next-intl (i18n)PlaywrightVitestVercel

AI 識唔識
你嘅品牌?

輸入你嘅網址,即時睇到 ChatGPT 點樣描述你。 如果答案唔理想 — 我們幫你改變。

Mr. Chao • Webka 技術總監
Rm 01, 11/F, Cameron Sino Technology Limited, 73 Chai Wan Kok St, Tsuen Wan, NT