ONAÏ 案例：韓國東大門預購服飾站，4 天做出送審版
發布 · 更新
太長不看版：ONAÏ 是 RedClaw 自己經營的韓國東大門預購服飾店，賣女裝和 2 歲以上的女童裝（Little Her）。2026 年 10 月 1 日提案，10 月 4 日做出送審版，共 4 天；Lighthouse 手機分數 97–100，E2E 測試 107 項全部通過。目前 0 筆訂單是刻意的：網站開在「送審模式」，結帳頁不收單，等綠界正式審核過了才開。
基本資料
| 項目 | 內容 |
|---|---|
| 品類 | 韓國東大門批發預購：女裝＋2 歲以上女童裝（Little Her） |
| 模式 | 預購批次：商品綁定批次和截單時間，截單後才向檔口叫貨 |
| 網址 | onaistore.com |
| 上線日 | 2026-10-04（送審版；10-01 提案開工） |
| 技術 | Next.js 16（App Router）、Firebase App Hosting（asia-east1，ISR 60 秒）、Firestore、Cloudflare DNS |
| 金流 | 綠界：測試環境串接完成並通過驗收，正式審核還沒送（手續費見綠界官方費率頁） |
| 物流 | 還沒定案；運費和到貨天數是送審前要補的資料 |
| 收錄 | 網站設定 noindex、robots.txt 全擋，送審期間不開放搜尋引擎收錄 |
4 天做出送審版，每天做了什麼？
| 日期 | 發生什麼 |
|---|---|
| 10-01 | 台灣韓系服飾、代購的 SEO 競爭調查，出 5 個介面方向；決定自建官網，選定草莓牛奶風格；開工 |
| 10-02 | 後台、結帳、綠界（測試環境）、SEO 技術設定、第一批文章；全部驗收 0 項失敗 |
| 10-02 | 中文標題字型改成單一子集，Lighthouse 手機回到 97–100 |
| 10-03 | 8 週文章計畫寫完；虛擬試穿的底層先做好，開關關著上線 |
| 10-04 | 品牌定名 ONAÏ、買網域、Little Her 女童裝線上線、視覺修到 86 分、第一波 9 款上架；E2E 88 項全過，回歸測試 107 項全過 |
還沒收單，那現在能看什麼數字？
數據查詢日期 2026-10-07。
| 指標 | 數字 |
|---|---|
| 提案到送審版 | 4 天 |
| 第一波上架 | 9 款 |
| Lighthouse 手機 | 97–100（字型修正前曾掉到 85） |
| 視覺評分 | 55 → 78 → 86 |
| SEO 全站稽核 | 70 分（圖片 25、內容 56 最弱） |
| SEO 文章驗收 | 6／6 通過 |
| E2E 測試 | 第 1 輪 62 項（53 過、7 失敗、2 未實作）→ 第 2 輪 88 項全過 → 回歸 107 項全過 |
| 真實訂單 | 0（送審模式，伺服器端拒絕建立訂單） |
| 廣告花費 | 0（還沒投放） |
| Google Search Console | 還沒驗證，沒有搜尋數據 |
0 筆訂單是賣不動嗎？
不是。網站有三種結帳模式：送審（review）、測試（stage）、正式（live）。現在開的是送審模式，結帳頁顯示「付款即將開放」，伺服器端也拒絕建立訂單，就算有人按 Enter 送出表單也會被擋。
這樣做的原因是金流審核要看一個完整、可以瀏覽的網站，但在審核通過之前，我們不想收到沒辦法正常付款的訂單。桃梨生活就吃過這個虧：金流卡審的那兩週，廣告還在花。
4 天裡踩到哪些坑？
1. 沒有商品圖，版面再好看也沒用
- 發生什麼：網站做完時全站沒有圖，視覺評分只有 55 分。
- 損失什麼：空白的商品卡讓整個站看起來沒完成，排版怎麼修都救不回來。
- 怎麼修：補上插畫、修掉細節，評分到 86 分。服飾站的商品圖要排在最前面準備。
2. 用環境變數判斷「是不是測試」，漏設就會出事
- 發生什麼：原本的寫法是環境變數不等於正式，就當作測試環境。萬一正式站漏設這個變數，「模擬付款」會被當成真的付款入帳。
- 損失什麼：因為還沒收單，沒有實際損失；但這種寫法一出錯就是直接放行。
- 怎麼修：改成看綠界回呼資料裡的商店代號，只有綠界公開的測試商店才走模擬付款，其他一律擋下。
3. 綠界註冊的 email 要跟網站上公布的一樣
- 發生什麼：綠界的申請說明（準備資料、審核條件）要求註冊資料和網站上公布的聯絡資訊一致，而我們的網域信箱還沒開。
- 損失什麼：送審資料要往後排，先開好網域信箱。
- 怎麼修：把「開網域信箱」排在送審前面。桃梨生活被綠界退件，也是因為網站上的聯絡電話跟驗證用的不同支。
4. 中文標題字型被切成 110 個檔
- 發生什麼：用 next/font/google 載中文字型，被切成約 110 個檔，每頁要下載 8 個、共 329 KB。
- 損失什麼：Lighthouse 掉到 85。
- 怎麼修：改成只包含標題用字的單一子集，回到 97–100。換字的時候要重跑一次子集。
5. LINE、FB、IG 的內建瀏覽器沒辦法付款
- 發生什麼：從這些 App 裡點開網站，內建瀏覽器沒辦法把付款資料 POST 到綠界。
- 損失什麼：客人如果是從 LINE 或 IG 的連結點進來，沒處理的話會在付款那一步直接卡住。
- 怎麼修：結帳前偵測內建瀏覽器，提示客人改用外部瀏覽器開啟。
什麼時候開始收單？
網站、後台、結帳、綠界測試環境都完成了，卡在送審資料：
- 補齊商家資訊、運費、到貨天數、檔口照片的使用授權，服務條款定稿。
- 送綠界正式審核。
- 審核通過後，把結帳切到正式模式，拿掉 noindex，補 Google Search Console 驗證和 sitemap。
開始收單之後，我們會把訂單和廣告數字補進這一頁。
常見問題
- 4 天就做完一個購物網站，品質靠得住嗎？
我們用數字驗：Lighthouse 手機 97–100，E2E 測試第 1 輪 62 項裡有 7 項失敗，修完後第 2 輪 88 項、回歸 107 項全部通過。SEO 全站稽核 70 分，圖片和內容是最弱的兩項，還要補。
- 為什麼不直接開始賣？
綠界正式審核還沒送，送審資料（商家資訊、運費、到貨天數、檔口照片授權）還沒補齊。在那之前，結帳刻意不收單。
- ONAÏ 有投廣告嗎？
還沒有。廣告花費是 0，Google Search Console 也還沒驗證。
準備開官網、想先知道金流送審要準備什麼？用 Telegram 聯絡我們：https://t.me/eric16888999