日本代標全球直送

比比昂改版設計稿・全站導覽

38 頁設計稿（含這頁），一頁點得到全部；另有兩支已退役的舊版留著對照（深色 v1、服務介紹型首頁 v1）。每一列寫的是那頁在回答什麼問題，不是頁名——因為決定版面的是問題不是名字。

36頁面總數

30客人看得到

6內部文件

146設計 token

0斷鏈

📐

這份設計稿的三個前提

① 網站是八個館別，跟業績報表的五頻道不是同一套分類——寫頁面用館別名。
② 「集運」＝在比比昂下的多張訂單合併出貨，免費。比比昂沒有「客人自己在日本買好寄過來」的服務——那條線 2026-09-04 退役，見最下面那組。
③ 費率的唯一權威是 calc.html 的 SHIP 常數，改它要同步 help.html 的公開費率表與所有引用頁； check.py 會擋。

逛與找

客人從這裡開始：找到那件日本商品 9 頁

🏠 首頁八個館別、熱門分類、活動——第一眼要讓人知道這裡能買到日本的什麼 index.html 🔍 跨館搜尋一次搜八個館，可排除關鍵字、存成上架通知 search.html 🏷️ 品牌庫新知道「三麗鷗」但不知道要打「サンリオ」——這頁解決搜不到的根本原因 brands.html 📷 以圖搜圖新只有一張圖、連品名都不知道的時候 imagesearch.html 🏪 館別入口・拍賣日本拍賣網的門面：分類牆、專館、公告、活動 channel.html 🔗 館別入口・代購日本代購的門面：貼網址就開始，58 個支援網站 buy.html 🧺 館別入口・市集挖寶市集的門面：熱銷分類、人氣排行、網友熱搜 fleamarket.html 🃏 商品詳情（拍賣型）得標前要知道總共要付多少：商品＋日本運費＋國際運費 detail.html 🧸 商品詳情（現貨／二手）現貨與二手的行為跟拍賣不一樣，這頁證明一個版型撐得住三種 detail-variants.html

買與付

比比昂是兩段付款，這一組講的是錢 5 頁

🛒 購物車跨館的東西放同一台車，依館別分組結算 cart.html 💳 結帳（第一段）付商品、日本國內運費 checkout.html 🚢 結帳（只付運費）新第二段：東西已在日本倉，這次只選運送方式付國際運費 checkout-ship.html 🎟️ 折價券商品折價券折第一段、運費券折第二段，兩者不衝突也不能疊 coupons.html 🧮 運費試算實重與材積重取大者，並算出合併集貨省多少 calc.html

會員中心

登入後的九個子頁 9 頁

📦 我的訂單進行中訂單的狀態總覽，頁籤可真的篩選 orders.html 📋 訂單詳情新單筆的完整檔案：七節點時間軸、兩段付款明細、推播紀錄 order.html 🏬 日本倉庫存合併出貨代標與代購的入庫商品同一張清單，勾選合併出貨（免費），這裡才選運送方式 warehouse.html ♡ 追蹤中拍賣看倒數、現貨看降價 watchlist.html ⭐ 我的最愛新最愛賣家 7／關鍵字 6／類別 5，另有黑名單 3——賣家門檻不過會標出來 favorites.html 🔨 競標中代標是委託出價：你設上限，預約出價在結標前才代你加價，立即出價現在就送 bids.html 🔔 上架通知儲存搜尋條件，命中就推播；管道與頻率逐條可調 alerts.html ⚙️ 帳戶設定＋LINE 11 個通知事件 × 3 個管道的推播矩陣，3 個必要通知鎖住不可關 settings.html 🔑 登入／註冊自帶版面，不用站內導覽 auth.html

說明與客服

自己查，或找到人 7 頁

📖 服務說明七步流程、三段費用、運送時效、關稅對照——這頁講「是什麼、多少錢」 help.html 🧭 新手指引新註冊、實名認證、儲值與付款、折價券怎麼疊、退款怎麼申請——這頁講「我要動手做什麼」 guide.html ❓ 常見問題新九分類 55 題，可搜尋——這頁講「我有一個具體問題」 faq.html 🛡️ 海外購物五大保證新損壞、未到貨、寄錯、退貨、費用透明。含真站藏在圖裡的不保障範圍與賣家評價門檻 guarantee.html 💬 客服中心現在有沒有人在線、該用哪個管道、多久會回——這頁是「找到人」 support.html 📝 諮詢工單要附照片、要留紀錄的事走這裡 ticket.html 📱 APP 與瀏覽器外掛新外掛解決「要複製網址」，APP 解決「快結標時人不在電腦前」 app.html

App 版設計稿

代標＋代購，31 個手機畫面＋總覽；每頁附「與 IT Figma 的差異」；規則在 docs/spec-app-2026-09-04.md 1 頁

📱 App 畫面總覽新底部五顆 tab 依館切換；出價 sheet 結標前 300 秒；費用卡兩段、服務費每筆訂單 NT$ 50；沒有百分比手續費；2026-09-10 補上五大保證、費用說明、開工單、設定、儲值、註冊、結帳、品牌庫、辭典、以圖搜圖十頁，app 內不再有連回桌機的功能連結 app/index.html（底下另有 31 頁）

內部文件與退役頁

不是給客人看的，是給工程與設計看的規格 10 頁

🎨 設計系統規格書規格色票、字級、元件狀態、疊層表。自帶樣式不依賴 site.css styleguide.html 📭 狀態頁規格規格 12 種空狀態／錯誤／載入中，加 4 條文案規則 states.html 🗺️ 集運影響評估（已退役）退役 2026-08-11 把「客人自己買好寄過來」當第三種進倉管道評估；09-04 Carlson：沒有這種服務 retired-plan-forwarding.html 📬 集運服務說明（已退役）退役同上，留檔當設計紀錄；比比昂的「集運」＝合併出貨、免費 retired-forwarding.html 📮 預報包裹（已退役）退役同上——沒有外來包裹就沒有預報這件事 retired-forecast.html 🔍 日本拍賣網頻道頁改版建議決策線上 auction.php 逐塊拆解，與 Buyee／Doorzo／樂淘／樂淘一番四家對照 plan-auction.html 📱 日標 App Figma 審查與 App 版設計稿決策 IT 的 29 張逐頁問題、逼出的七條拍板、32 頁 App 稿的模組總表 plan-app.html 🛍️ 日本代購頻道頁改版建議決策 /buy/ 逐塊拆解，與 Buyee／Doorzo／樂淘三家的代購頁對照。真站第一張卡 y415 四家最早，改版稿卻是 0 張 plan-buy.html 📄 首頁 v1・服務介紹型（已退役）退役 2026-08-28 前的首頁：1,591 個可見字、10 張商品卡，商品排在第 12 塊 index-service-v1.html 🌑 深色版 v1（已退役）退役第一版做錯方向的證物，留著對照，不要再改 index-dark-v1.html

🔁

還沒做的

只剩後台。App 版設計稿（代標＋代購，app/）進行中。