客戶挑戰
傳統夜場依賴人手售票和紙本名單，效率低且無法追蹤客戶數據。需要一個符合夜生活美學、支援即時掃碼入場、並能收集會員消費數據的一站式平台。
我們的方案
從零開發 Mobile-First 票務平台，融合 Cyberpunk 暗黑美學。整合 Stripe 支付（信用卡 / Apple Pay / Google Pay）、Supabase 即時資料庫、QR code 掃碼入場系統，並配備完整後台讓營運團隊管理活動、追蹤銷售和分析會員數據。
執行步驟
深入了解夜場營運流程，規劃用戶旅程：瀏覽活動 → 選票 → 付款 → 收票 → 入場
設計 Cyberpunk 風格 UI，採用深色主題 + 霓虹色系，配合 Bebas Neue 字體營造夜店氛圍
開發多票種系統（Early Bird / Advance / VIP Table），支援優惠碼及限時搶購倒數
建立 QR code 掃碼入場系統，支援離線模式，確保網絡不穩時仍可正常驗票
打造後台管理系統：即時銷售儀表板、CRM 會員管理、活動建立、Promo Code 管理
服務及功能詳情
線上票務系統
完整嘅線上購票流程，從瀏覽活動到入場一氣呵成，取代傳統人手售票。
多票種管理：Early Bird、Advance、Door、VIP Table，各有獨立價格及限量設定
Stripe 支付閘道：信用卡、Apple Pay、Google Pay，自動計算 5% 服務費
限時搶購倒數器：票種可設定開售及截止時間，配合倒數計時 UI
優惠碼系統：支援百分比 / 固定金額折扣，限定使用次數及有效日期
電子門票：購票後自動生成 QR code 門票，發送確認電郵
門票轉讓：會員間可轉讓門票，轉讓後 QR code 自動失效並重新生成
QR Code 入場驗證
為門口工作人員設計嘅專用掃碼系統，確保入場流程快速準確。
即時掃碼：鏡頭對準即掃，綠色✓通過 / 紅色✗拒絕，配合震動回饋
離線模式：預載客人名單，網絡不穩時仍可正常驗票，恢復連線後自動同步
防重複入場：已使用嘅門票即時標記，防止一票多用
網絡狀態指示：即時顯示連線狀態，員工一眼就知
後台管理系統
為營運團隊打造嘅全方位管理後台，一站式管理活動、銷售和會員。
即時銷售儀表板：總收入、售票率、入場率、收入趨勢圖表（Recharts）
活動管理：建立 / 編輯活動，上傳海報及影片，設定票種及場地資訊
CRM 會員管理：查看每位用戶消費總額、參加活動數、人口統計（性別、年齡、IG）
Promo Code 管理：批量生成優惠碼、追蹤使用情況、設定有效期
Comp Ticket 管理：免費門票發放及追蹤
會員資料匯出：CSV 匯出，方便製作贊助商 Media Kit
會員系統及社群功能
完整嘅會員註冊及互動系統，建立忠實用戶社群。
多重登入：Email + 密碼 / Google OAuth，簡化註冊流程
個人檔案：性別、年齡區間、Instagram 帳號，幫助營運團隊了解客群
自訂電郵驗證系統：品牌化驗證信件，提升專業形象
MBTI 互動測試：8 題快速測試 + 自動生成 IG 分享圖片，帶動社群擴散
門票錢包：所有門票歷史一目了然，包含防截圖保護機制
功能亮點
全端開發：前台購票流程 + 後台管理系統 + 員工掃碼 App
Stripe 支付整合：信用卡、Apple Pay、Google Pay，支援 5% 服務費自動計算
QR Code 入場系統：支援離線模式，自動同步，掃碼即時顯示綠色✓或紅色✗
CRM 會員系統：追蹤每位用戶消費金額、參加活動數、人口統計（性別、年齡、IG）
Promo Code 引擎：百分比 / 固定金額折扣，限定使用次數及有效日期
MBTI 互動測試：8 題快速測試 + IG 分享圖片，提升社群擴散
自動化電郵：訂單確認、電子門票、密碼重設，全部自動發送
即時儀表板：銷售額、售票率、入場率、收入趨勢圖表一目了然
網站截圖
首頁 — Featured Event Hero + 活動資訊
過往活動 — 活動海報展示 + 會員 CTA
登入頁面 — Email + Google OAuth 登入
聯絡頁面 — 查詢表單