日本代標全球直送

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

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

37頁面總數

32客人看得到

5內部文件

146設計 token

0斷鏈

📐

這份設計稿的三個前提

① 網站是八個館別，跟業績報表的五頻道不是同一套分類——寫頁面用館別名。
② 集運不是第二條服務線，是第三種進倉管道。所以沒有模式切換器，三種管道混在同一張庫存清單裡，才合併得起來。
③ 費率的唯一權威是 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

會員中心

登入後的十個子頁 10 頁

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

集運服務

第三種進倉管道：自己在日本網站買、寄到我們日本倉 4 頁

📬 集運服務說明新為什麼要跟代標代購一起用——三種管道裝同一箱才是省錢的地方 forwarding.html 📮 預報包裹同上（會員中心也有這一頁） forecast.html 🏬 日本倉庫存同上 warehouse.html 🚢 結帳（只付運費）同上 checkout-ship.html

說明與客服

自己查，或找到人 7 頁

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

內部文件與退役頁

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

🎨 設計系統規格書規格色票、字級、元件狀態、疊層表。自帶樣式不依賴 site.css styleguide.html 📭 狀態頁規格規格 12 種空狀態／錯誤／載入中，加 4 條文案規則 states.html 🗺️ 集運影響評估決策 12 步流程的並排比對，當初決定「不做模式切換器」的依據 plan-forwarding.html 🔍 日本拍賣網頻道頁改版建議決策線上 auction.php 逐塊拆解，與 Buyee／Doorzo／樂淘／樂淘一番四家對照 plan-auction.html 📄 首頁 v1・服務介紹型（已退役）退役 2026-08-28 前的首頁：1,591 個可見字、10 張商品卡，商品排在第 12 塊 index-service-v1.html 🌑 深色版 v1（已退役）退役第一版做錯方向的證物，留著對照，不要再改 index-dark-v1.html

🔁

還沒做的

只剩後台。集運線五項待辦（說明頁／預報／只付運費結帳／LINE 綁定／全站文案掃描）已全部完成。