Case · Our own site · Live
dreamie.tech
The site you're on, built the way we build client MVPs: a written brief, a locked scope, real tools, and checks that run before anything goes live.
案例 · 我们自己的网站 · 已上线
dreamie.tech
你正在看的这个网站,就是按做客户 MVP 的方式做的:先有书面 Brief,再锁定范围,用真工具,上线前跑完检查。
案例 · 我們自己的網站 · 已上線
dreamie.tech
你正在看的這個網站,就是按做客戶 MVP 的方式做的:先有書面 Brief,再鎖定範圍,用真工具,上線前跑完檢查。
100Lighthouse accessibilityLighthouse 无障碍Lighthouse 無障礙
100Lighthouse SEOLighthouse SEOLighthouse SEO
100Lighthouse best practicesLighthouse 最佳实践Lighthouse 最佳實踐
0axe accessibility violationsaxe 无障碍违规axe 無障礙違規
Homepage, mobile, measured with Lighthouse 12 and axe-core 4.10 in November 2026.首页、手机模式,2026 年 11 月用 Lighthouse 12 和 axe-core 4.10 测得。首頁、手機模式,2026 年 11 月用 Lighthouse 12 和 axe-core 4.10 測得。

What's in it
- Three languages, each pre-rendered at its own address: English, Simplified Chinese, and Traditional Chinese with Hong Kong wording
- A filterable stack wall, a package estimator and a brief form that falls back to email
- Structured data for the studio, services and FAQ, plus per-language share images
- No tracking cookies and no third-party fonts; fonts and scripts are served from our own domain
- A static build, deployed from GitHub to Cloudflare Workers
里面有什么
- 三种语言,各自预渲染在独立网址:英文、简体中文、香港用语的繁体中文
- 可筛选的技术栈墙、套餐估算器,以及发不出时自动改用邮件的 Brief 表单
- 工作室、服务和常见问题的结构化数据,每种语言各自的分享图
- 没有追踪 Cookie,不用第三方字体;字体和脚本都从我们自己的域名加载
- 静态构建,从 GitHub 部署到 Cloudflare Workers
裡面有什麼
- 三種語言,各自預渲染在獨立網址:英文、簡體中文、香港用語的繁體中文
- 可篩選的技術棧牆、套餐估算器,以及發不出時自動改用電郵的 Brief 表單
- 工作室、服務和常見問題的結構化數據,每種語言各自的分享圖
- 沒有追蹤 Cookie,不用第三方字體;字體和腳本都從我們自己的域名載入
- 靜態構建,從 GitHub 部署到 Cloudflare Workers
How we check it
- Before each release, automated checks run in a real browser on desktop and phone, in all three languages
- The checks click through the stack filter, estimator and brief form, and scan every element for layout overflow
- Reduced-motion users get a calm, complete page with no animation
- Accessibility is audited with axe-core on every page before release
我们怎么检查
- 每次发布前,都在真浏览器里跑自动检查,覆盖电脑和手机、三种语言
- 检查会实际点过技术栈筛选、估算器和 Brief 表单,并逐个元素扫描有没有撑破版面
- 开了“减少动态效果”的访客,看到的是安静、完整、没有动画的页面
- 发布前每个页面都用 axe-core 做无障碍审查
我們怎麼檢查
- 每次發佈前,都在真瀏覽器裡跑自動檢查,覆蓋電腦和手機、三種語言
- 檢查會實際點過技術棧篩選、估算器和 Brief 表單,並逐個元素掃描有沒有撐破版面
- 開了「減少動態效果」的訪客,看到的是安靜、完整、沒有動畫的頁面
- 發佈前每個頁面都用 axe-core 做無障礙審查
The same care goes into your MVP.你的 MVP 也会得到同样的用心。你的 MVP 也會得到同樣的用心。
Start a Brief →开始一个 Brief →開始一個 Brief →