Dreamie← All work← 全部作品← 全部作品Start a Brief开始一个 Brief開始一個 Brief
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 測得。

The dreamie.tech homepage

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 做無障礙審查
Cloudflare WorkersGitHubGSAPPythonPlaywrightaxe-coreLighthouse

The same care goes into your MVP.你的 MVP 也会得到同样的用心。你的 MVP 也會得到同樣的用心。

Start a Brief →开始一个 Brief →開始一個 Brief →