案例 · 我們自己的網站 · 已上線
dreamie.tech
你正在看的這個網站，就是按做客戶 MVP 的方式做的：先有書面 Brief，再鎖定範圍，用真工具，上線前跑完檢查。
100Lighthouse 無障礙
100Lighthouse SEO
100Lighthouse 最佳實踐
0axe 無障礙違規
首頁、手機模式，2026 年 11 月用 Lighthouse 12 和 axe-core 4.10 測得。
裡面有什麼
- 三種語言，各自預渲染在獨立網址：英文、簡體中文、香港用語的繁體中文
- 可篩選的技術棧牆、套餐估算器，以及發不出時自動改用電郵的 Brief 表單
- 工作室、服務和常見問題的結構化數據，每種語言各自的分享圖
- 乾淨的網址和 llms.txt，讓搜尋引擎和 AI 助手準確介紹我們
- 幾篇實用指南和一份可列印的 Brief 模板，找不找我們做都用得上
- 沒有追蹤 Cookie，不用第三方字體；字體和腳本都從我們自己的域名載入
- 靜態構建，從 GitHub 部署到 Cloudflare Workers
我們怎麼檢查
- 每次發佈前，都在真瀏覽器裡跑自動檢查，覆蓋電腦和手機、三種語言
- 檢查會實際點過技術棧篩選、估算器和 Brief 表單，並逐個元素掃描有沒有撐破版面
- 開了「減少動態效果」的訪客，看到的是安靜、完整、沒有動畫的頁面
- 發佈前每個頁面都用 axe-core 做無障礙審查
你的 MVP 也會得到同樣的用心。
開始一個 Brief →