手機優先設計細節
| 元素 | 做法 |
|---|---|
| 導航 | 底部固定選單（首頁 / 分類 / 搜尋 / 購物車 / 帳戶），單手可及 |
| 產品頁 | 圖片可左右滑、縮放；底部固定「加入購物車」按鈕 |
| 篩選 | 側拉式篩選面板，即時更新結果 |
| 搜尋 | 即時建議、錯字容錯、搜尋記錄 |
| 浮動按鈕，一按直接開對話並帶埋產品連結 | |
| 字體 | 內文最少 16px，按鈕最少 44px 高度 |
| 圖片 | 按裝置解像度自動輸出合適尺寸 WebP |
一頁式結帳
傳統結帳要經購物車 → 登入 → 地址 → 運送 → 付款 → 確認六頁，每頁流失一批客。SEO Shop 的結帳在一頁完成：
- 聯絡資料（電郵 / 電話，可以不註冊）
- 送貨方式與地址（順豐智能櫃用地圖選）
- 付款（Apple Pay / Google Pay 一按完成，或選 FPS / 信用卡）
地址自動補全、電話格式驗證、優惠碼即時計算。回頭客資料自動填好。
Apple Pay 與 Google Pay
開通信用卡閘道後自動支援，客人不需要輸入卡號與地址，用 Face ID 或指紋確認即完成。商戶數據顯示提供 Apple Pay 的網店手機結帳轉換率平均高 20%。
速度
- 全部主題手機 LCP < 2.0s（實測 4G 網絡）
- 圖片 Lazy load、首屏圖優先載入
- 第三方 Script（Pixel、Chat）延遲至用戶互動後載入
- 字體子集化，中文字體只載入用到的字
加到主畫面（PWA）
客人可以將你的網店加到手機主畫面，開啟時似 App，支援離線瀏覽已看過的頁面。不需要開發 App，不需要上架 App Store。
一個例子
一間時裝網店搬到 SEO Shop 後，手機結帳步驟由 6 頁減至 1 頁，加入 Apple Pay。手機轉換率由 0.9% 升至 1.6%，平均結帳時間由 4 分鐘減至 70 秒。
常見問題
後台可以用手機管理嗎？
可以，後台同樣響應式，處理訂單、改庫存、回覆客人都可以在手機完成。
客人一定要註冊先可以買嗎？
不需要，支援訪客結帳，結帳後可以一鍵建立帳戶。
支援 Android 的 Google Pay？
支援，與 Apple Pay 一樣經信用卡閘道開通。
可以做自己的 App 嗎？
PWA 已經覆蓋大部分需要。企業方案可以傾原生 App 開發。
