IT 用現行網站規劃了一份日標 app 的 Figma（29 張）。逐頁看完的結論： 骨架畫對了（搜尋吃網址、卡片有倒數與台幣、排序預設剩餘時間、+¥ 快捷出價、長按防誤觸、每頁客服入口）， 但它是照現行網站「有什麼畫什麼」——費用算法跟契約對不上、付款／出貨／搜尋結果頁沒畫、五大保證被改成四項。 所以做了一份規則算對的 App 版設計稿（app/，31 個畫面＋一張總覽），每頁旁邊寫「與 IT Figma 的差異」。
狀態（2026-09-10）：App 版設計稿 32 頁完成並上線（app/index.html）。
共用殼 app/app.css＋app/app.js；代標 5 頁、代購 6 頁、共用 20 頁、總覽 1 頁。
CI 加了 app 專區（token／連結／費率常數對 calc.html／tab 五顆依館／300 秒／抵台後／五大保證五項／500px 渲染／
分類與辭典與品牌庫逐字等於桌機／app 內不准連桌機頁）。
桌機兩頁（channel.html、buy.html）Carlson 說還要改，改了 app 跟著改。
第二批（2026-09-10）：把「點下去會掉出 app」的洞補完。第一批 22 頁裡有 19 個連結指回桌機頁
（../guarantee.html ×8、../help.html ×2、../brands.html ×2、../auth.html ×2、
../ticket.html、../settings.html#line、../channel.html#hotwords）與 3 個假動作
（帳戶頁與付款頁的「儲值」只跳 toast、購物車「去結帳」直接跳付款清單）。
補上 10 頁：五大保證、費用與服務說明（含運費試算）、開工單、帳戶設定、儲值、註冊／忘記密碼、結帳、品牌庫、中日關鍵字辭典、以圖搜圖。
另外把追蹤頁改成兩館共用（代購叫「收藏」——代購的 tab 五顆沒有「追蹤」，收藏了原本沒地方看）。
| 頁 | 問題 | 依據 | App 稿怎麼做 |
|---|---|---|---|
| 08 費用試算 | 一段式全用日圓：商品＋消費稅＋當地運費＋匯費＋服務費 ¥300＋國際空運費 ¥1,690＝總價；「10kg 以下／以上」二分 | 契約：兩段付款、第二段抵台後付、台灣端用新台幣各換算一次；空運 NT$150/kg 進位、海運快遞最低 5 kg、50 kg 換率；服務費每筆訂單 NT$50 | APP.feeCard() 兩段分色卡；訂單詳情算出權威值 NT$ 46,401 |
| 08 | 消費稅固定 10%；29 頁沒有任何一處顯示賣家類型 | 個人賣家不課、法人才課；五大保證看賣家評價門檻 | 商品頁 .a-seller 卡：類型、評價、門檻 ✓／負評警語 |
| 09／10 出價 | 出價當下就要選「空運／海運快遞」「宅配／面交」 | 入倉後 90 天免費倉儲、合併出貨再選；出價時綁定合併就做不起來 | 出價 sheet 不放運送；倉儲頁才選 |
| 10 | 「預約狙擊」沒寫結標前幾秒送出 | bench A5：五站只有 Buyee 講清楚；改版稿鎖 300 秒 | sheet 逐字「結標前 300 秒自動出價」，CI 鎖 |
| 03／16 安心保證 | 四項：損壞／未到貨／費用透明／中文客服——後兩項不是保證；「兩階段費用全公開」跟 08 一段式自相矛盾 | 真站五大保證（損壞／未到貨／寄錯／退貨／費用） | .a-guar 五項逐字抄 guarantee.html |
| 03 代標四步 | 出價→得標→一階付款→抵台收件：第二段不見了 | 抵台後付第二段 | 四步第四步寫「抵台後付第二段、收件」 |
| 13／14 收件人 | 只有姓名／電話／地址 | 跨境要 EZ WAY 實名與身分證末四碼 | 收件人頁多兩欄＋認證狀態 |
| 19／20／21／22 | 檔名是運送中／訂單詳情／出貨／付款，內容全是空狀態 | 付款頁沒有＝收不到錢 | 訂單詳情（時間軸＋費用卡）、付款頁（錢包 NT$、兩段待付） |
| 16 搜尋 | 內容是首頁「最近看過」；貼網址的解析頁、關鍵字結果頁沒畫 | 五站 100% 交集第一功能 | 搜尋頁三態：結果／網址解析卡／辭典 |
| 02／03／06 卡片 | 標題全日文：「一番くじ ヱヴァンゲリオン（新世紀福音戰士）」「僕のヒーローアカデミア（我的英雄學院）」 | bench A4；Doorzo 有中日辭典 | 卡片中文為主、日文小字；搜尋頁 42 組辭典 |
| 頁 | 問題 | App 稿怎麼做 |
|---|---|---|
| 02 首頁 | 沒有「即將結標」區；空狀態按鈕寫「去逛即將結標」但沒地方去；輪播只 2 張、1 張是教學；peek 區文字被裁成「量入荷」；0/0/0 統計佔第二屏 | 即將結標＋5 排序在第一區塊；banner 3 張、文字不進 peek；統計搬到帳戶頁 |
| 11 我的競標 | 頁籤競標中／已得標／運送中／已完成——沒有「未得標」；運送是訂單狀態，跟 25 我的訂單重疊 | 競標三態（含未得標）＋批次；訂單六態另一頁 |
| 12 會員 | 帳戶餘額 ¥50,000，跑馬燈卻寫儲值滿 NT$3,000 | 餘額與購物金都 NT$（拍板第 3 條） |
| 05／29 分類 | 左 7 大類右 5 子類、主題館 4 格——Carlson：沒畫完 | 用真站的：16 專館 chip＋26 大類左欄＋細分類右欄（抄 channel.html，CI 比對） |
| 07 詳情 | 首屏只有圖＋¥＋倒數；沒 NT$、出價數、直購價、中文標題、賣家；只畫「進行中」一種狀態 | 六種狀態 ?state=；結標後按鈕全收 |
| 17 直購 | 直購 sheet 沒費用預估，出價 sheet 有 | 兩個 sheet 都呼叫 APP.fee() |
| 24／25 | 「請於期限內完成付款」沒寫期限、沒按鈕 | 24 小時倒數＋「去付款」 |
| 27 客服 | 寫「AI＋專人雙軌」但沒有轉真人、沒服務時間 | 頂部服務時間＋轉真人；三種緊急情形 |
| 01 登入 | 只有 splash；登入方式、能否先逛都沒畫 | LINE／Email；先逛再登入 |
| 全站 | 漢堡＋底部 4 tab 兩套導航；漢堡裡是什麼沒畫 | 底部 5 tab 依館（Carlson 指定）；漢堡改成館別切換 |
倒數只到「分」（預約出價是 300 秒尺度，最後 5 分鐘要顯示秒並變色）；「長按 1 秒送出」要留一般按鈕給 VoiceOver； 米色底淺灰小字對比目測不到 4.5:1；品牌命名 2026-09-04 已拍板改稱 JDirectItems Auction／Shopping（舊名只在「原 …」說明裡，CI 鎖）。
+¥100／200／500／11 快捷出價 chip・長按確認・一円起標排行・每頁 header 客服 icon・排序預設「剩餘時間短→長」・bottom sheet 出價。
| # | 決定 | 影響 |
|---|---|---|
| 1 | 沒有百分比手續費，代標代購都沒有——契約那一列是 08-25 推論寫進去的 | 全站 34 檔改；CI check_no_percent_fee＋--selftest |
| 2 | 服務費 NT$50／每筆訂單，跟寄幾箱無關；合併出貨只省運費（＋同賣家匯費） | 合併省下額全站重算（orders 200→150） |
| 3 | 儲值／餘額 NT$ | 帳戶頁、付款頁錢包 |
| 4 | App 先單館、之後多館；IT 稿分類是沒畫完 | header 館別切換，切館 tab 跟著換 |
| 5 | 折手續費的那種券拿掉，只剩商品折價券、國際運費折抵券 | coupons 兩種；活動改送運費券 |
| 6 | 底部 tab 五顆依館：代標＝提問／追蹤／競標／折價券／帳戶；代購＝提問／精選／付款／購物車／帳戶 | APP.tabbar()，CI 鎖順序 |
| 7 | 集運線退役：沒有「客人自己買好寄過來」的服務；「集運」＝合併出貨、免費；合併打包費 ¥500 也刪 | 三頁改名 retired-*；全站入口移除；checkout-ship 總額 7,500→7,387 |
風格：Airbnb 主體（白底、圖優先、hairline、圓角 14／20、卡片零陰影）＋金融風局部（出價 sheet、費用卡、錢包、訂單金額用大字 tabular 數字、兩段分色卡、深底餘額卡）； 顏色只用比比昂 token，重點色唯一＝琥珀。每頁在桌機瀏覽器是一支置中的 430px 手機框，右側是「與 IT Figma 的差異」。
| 組 | 頁 | 必有模組（規格 §4） |
|---|---|---|
| 代標 | auction-home／auction-list／auction-detail／bids／watchlist | 搜尋吃網址＋辭典、即將結標 5 排序、一円起標排行、五大保證五項；詳情 6 種狀態、賣家卡、費用卡；出價 sheet +¥ chip、300 秒、長按＋一般確認、不選運送 |
| 代購 | buy-home／buy-featured／buy-detail／cart／pay | 四站排行、品牌牆、54 站；規格選擇、庫存；購物車依賣家分組、服務費 × 訂單數；付款頁錢包 NT$、兩段待付、餘額抵扣 |
| 共用 | account／orders／order／warehouse／receivers／coupons／notifications／support／categories／search／login／watchlist／index | 訂單六態；訂單詳情算出 NT$ 46,401；倉儲合併免費、這裡才選運送；EZ WAY；兩種券；交易＋關鍵字通知；AI＋轉真人；追蹤／收藏依館換 |
| 共用（第二批 2026-09-10） | guarantee／help／ticket／settings／topup／register／brands／dict／imagesearch | 賣家門檻先講＋五條保證各自的保／賠／不保；費用表全走 APP.* 常數＋運費試算；工單可同時凍結帳號；#line LINE 綁定；儲值 NT$＋餘額試算；註冊滿 18 歲＋忘記密碼；43 品牌五十音索引；42 組辭典；以圖搜圖框選＋建議日文關鍵字 |
| 代購（第二批） | checkout | 三步進度、收件人＋EZ WAY 警示、商品折價券折第一段（運費券標第二段才折）、配送三選、運送方式不在這裡選、餘額抵扣；金額與 cart.html 逐項相同（第一段 NT$ 9,510／第二段預估 NT$ 1,909／到手 NT$ 11,419） |
桌機兩頁改完後 App 首頁跟著對齊。（已拍板：品牌命名 JDirectItems Auction／Shopping；分類用真站的 26 大類＋16 專館，app.js 逐字抄 channel.html、CI 比對）