Phase 1 · 線框稿

看設計,從這裡開始。

依據 spec §3 範圍,旅客前台 8 頁、後台管理 17 頁。前台採蘋果風極簡,後台採 shadcn/ui。

HI-FI 設計參考 · v1

首頁高保真設計稿

視覺細節、配色、字型節奏的最終目標 — 與下方 wireframe 對照看。

開啟
前台 / Public

旅客端,8 頁。

蘋果風極簡・無襯線・大量留白

後台 / Admin

員工端,17 頁。

shadcn/ui · neutral palette · 統一 sidebar(5 組 15 項,全部接通)

A-01

儀表板

/admin

KPI + 趨勢圖 + 待辦清單 + 最近訂單。

查看
A-02

行程列表

/admin/trips

路線父層管理 + 狀態 filter + 批次操作。

查看
A-03

行程編輯

/admin/trips/[id]

基本資料 / 內容(mdxeditor)/ 梯次 / 圖片 / SEO 六 tab。

查看
A-04

訂單列表

/admin/orders

依角色 filter,業務只看自己(service 層 filter)。

查看
A-05

訂單詳情

/admin/orders/[id]

旅客名單、付款紀錄、同意書、稽核日誌、快速動作。

查看
A-06

團控面板

/admin/control

以出發日期為軸,全梯次旅客名冊總覽。

查看
A-07

業務 K 單

/admin/orders/new

5 步驟導引,自動綁定業績歸屬。

查看
A-08

旅客會員

/admin/members

會員名單、VIP / 活躍標籤、累計消費、終止流程。

查看
A-09

員工 / 業務

/admin/staff

員工角色、2FA 狀態、權限矩陣(ROLE_PERMS)。

查看
A-10

嚮導

/admin/guides

合作嚮導名單、專長路線、出團排程。

查看
A-11

付款紀錄

/admin/payments

ECPay + 虛擬帳號 + 退款紀錄、人工對帳。

查看
A-12

月報表

/admin/reports

當月營收、路線排行、付款方式佔比、轉換漏斗。

查看
A-13

業績排行

/admin/leaderboard

業務排名、抽成試算、月度第一加碼。

查看
A-14

圖片資料庫

/admin/images

GCS 圖庫管理、使用狀態追蹤、批次上傳。

查看
A-15

同意書範本

/admin/consent

同意書版本管理、變數欄位、不可竄改性。

查看
A-16

設定

/admin/settings

公司資料 / ECPay / Resend / KMS / 備份政策。

查看
A-17

稽核日誌

/admin/audit

append-only 事件流、hash chain、敏感欄位讀取記錄。

查看