效能預算
每個專案都設效能預算：以 Core Web Vitals 為底線，把載入速度當成轉換率的一部分來管理。
Shopify 主題客製和 Headless 該怎麼選？
主題（Online Store 2.0）適合大多數品牌：上線快（4–8 週）、營運簡單、成本務實，Sections 架構讓行銷能自主組頁。當品牌需要模板做不到的體驗、極致速度或多系統聚合時，才值得上 Headless。我們兩者都做，會依你的階段誠實建議。
快而美是工藝，也是紀律。
買現成主題卻不合身
看 Demo 很美，套自己商品就走樣，改起來千瘡百孔。
外掛越裝越慢
功能用 App 疊出來，速度分數卻一路下滑。
營運不能自理
每次改個版位都要找工程師，檔期永遠在等排程。
01 · OS 2.0
Sections 架構把組頁還給行銷
Shopify 官方文件：Online Store 2.0 讓每個頁面模板都能以 Sections 組裝，搭配 App blocks 與 Metafields，營運團隊不寫程式也能自主排版。
Sections 到處可用
首頁以外的商品頁、集合頁與內容頁都能拖拉組裝（Shopify 官方文件），檔期頁面不再等工程排程。
Metafields 擴充欄位
規格表、成分、尺寸指南等結構化欄位原生支援（Shopify 官方文件），商品資料不用塞進描述欄硬排。
App blocks 乾淨掛載
第三方功能以區塊形式進出主題（Shopify 官方文件），移除 App 不留殘碼，速度不被拖垮。
02 · 效能守門
主題也要有自己的效能預算
Google 行動速度研究（Google/SOASTA，2017）：頁面載入從 1 秒變 3 秒，跳出機率增加 32%。主題層的圖片策略與腳本紀律，決定你站在哪一邊。
我們怎麼做
客製 Sections
為品牌量身打造的組頁積木，行銷自主排版不走樣。
效能優先
精簡腳本與圖片策略，主題也能跑出漂亮的速度分數。
在地整合
金流、物流、發票與 LINE 生態的成熟串接。
好維運
乾淨的程式碼與文件，未來任何團隊都接得住。
合作流程
01
需求定義
版型規劃與功能範圍確認
02
設計
品牌視覺與關鍵頁面設計
03
開發
主題開發與 App/金物流整合
04
上線培訓
營運後台教學與交付文件
交付清單
01
主題原始碼
乾淨、註解完整的程式碼，遵循 Shopify 官方最佳實踐，任何團隊接得住。
02
Sections 使用手冊
每個組頁積木的用途、欄位與組合建議，行銷自主營運的說明書。
03
效能報告
上線前後的 Core Web Vitals 對照，速度承諾有數據背書。
04
營運培訓
後台實際操作教學與常見情境演練，交付即上手。
工程品質
看不見的地方，才是精品的定義
可及性
以 WCAG 2.1 AA 為對齊目標：語意化標記、鍵盤操作與 reduced-motion 支援是預設，不是加購。
平台級資安
站在 Shopify Plus 的平台級 PCI DSS 之上，前端遵循最小權限與依賴審查，不讓資安成為技術債。
SEO 與 GEO 就緒
結構化資料、語意化內容與答案引擎優化內建於開發流程——為搜尋引擎與 AI 引擎同時而寫。
務實的選擇做到極致，就是最高的投資報酬率。
常見問題
現成主題數千元，但合身度低；客製主題投資從數十萬起，換來的是品牌感、速度與營運自由。中間也有「現成主題深度客製」的折衷路線。
標準範圍 4–8 週，含設計、開發、串接與培訓。
不會。主題階段累積的設計系統與內容結構都能延用，Headless 是升級而不是重來。
不會。我們交付完整原始碼與文件，遵循 Shopify 官方最佳實踐，任何合格團隊都能接手。
