SCOPE 範圍
語意化標記・RWD・圖片策略・腳本治理・GA4
僅承接新站或獨立活動頁；不提供舊站效能優化
TIMELINE 時間
2–6 週（依規模）
ASSETS 選配
接手 Figma 設計稿或既有網站
BUDGET 預算
依頁數／改造範圍評估
你會得到：
模組化前端或 Framer 實作：元件化、可維護、易擴充
圖片策略：WebP／自適應尺寸／Lazy-load 與優先載入
資源載入治理：壓縮與合併、
defer/async、preload/prefetch語意化與可及性：正確標記、Landmarks、表單可用性、OG/Meta
追蹤與串接：表單／LINE 串接、GA4 事件與轉換
速度與可用性報告：含 Core Web Vitals 報表與修正清單
流程
Audit：速度檢測、第三方腳本盤點、關鍵路徑與瓶頸
Plan：載入策略、圖片與快取規則、元件與版型切分
Implement：語意化標記、RWD、腳本治理與串接追蹤
Verify：CWV 驗證、回歸測試、上線檢查清單與建議
前置條件與加值建議
前置：提供設計稿或頁面清單、功能需求與第三方服務列表
系統存取：原站或主機／DNS（如需）、GA4 與 GSC 權限
時程：使用 staging 驗收；關鍵頁在凍結內容後做效能比較
加值：核心頁 A/B 測試（標題／CTA）、月度效能與內容優化
/
PROJECT BRIEF