實驗室驗證與環境檢測官網 + 詢價系統
2026
昇洋環境科技（SYE）是醫藥與生醫領域的環境檢測公司，定位為「醫藥與生醫領域的空間體驗師」，提供實驗室驗證、潔淨室環境檢測、室內空氣品質（IAQ）監測、水質檢測、職業安全衛生及 ESG 環境服務。擁有 TAF 認證 53 項（五大類全數通過）、環境部環境檢測機構許可與 SNQ 國家品質標章，服務醫院、製藥廠與各類實驗室（無塵室/潔淨室、負壓實驗室、BSL-3、生物安全櫃 BSC），以「數據見證安全，專業成就信任」為品牌承諾。
前端採用 Astro 6 SSR 搭配 Vue 3 Islands，以深藍品牌視覺「看不見的安全 由我們把關」呈現專業感，並符合 ISO 17025/17020、NEBB、NSF/ANSI 49、ISO 14644、PIC/S GMP 等標準的服務內容，透過完整的中英雙語架構觸及國際客戶。
後端以 Laravel + GraphQL 架構，管理後台使用 Filament 建構，四大服務體系、成功案例、認證資訊、最新消息、頁面內容與整合型詢價收件皆可後台維護，並部署於 Cloudflare Pages，全面支援檢測業務日常運作。
深藍漸層主視覺「看不見的安全 由我們把關」，2×2 服務入口卡搭配 TAF 認證、環境部證書浮卡，強化專業信任感
實驗室營運、設施維護、職安與健康、環境與 ESG 四大維度，服務列表 + 詳情頁完整呈現檢測項目與標準
生醫醫療、製造業、公部門三大產業案例，含可量化成果（如 30 座 Class II BSC 驗證 4 週交付、HEPA 洩漏率 <0.01%）
TAF、環境部許可、SNQ 標章等認證清單與證書詳情頁，佐證檢測公信力
跨服務項目的整合詢價，資料寫入後台並通知業務，縮短報價流程
技術文章下載、法規消息發布，建立產業專業話語權
/ 與 /en/ 完整鏡像雙語架構，hreflang 對應，支援國際客戶
服務、案例、認證、消息、頁面內容（PageContent）與詢價收件皆可後台維護，業主可自行維運無需工程師介入
前端以 Astro 6 建構，採用伺服器端渲染（SSR）模式，首屏內容由後端即時拉取並預先組裝，確保 SEO 爬蟲與社群分享預覽都能取得完整內容。互動元件以 Vue 3 Islands 架構搭配 client:idle 延遲 hydration，優先輸出 SEO 內容，維持極佳的載入效能。
前後端透過 GraphQL 進行所有資料交換，後端為 Laravel，前端以 ofetch 建立 API client，並在請求帶上 Content-Language 與 Time-Zone header，讓服務、案例、認證、消息等資料依語系與時區正確回應。型別安全的 Schema 讓前後端協作順暢，且可精確取得所需欄位。
以 localizeHref 工具函式與 LocaleSwitcher 元件實作雙語路由，/ 為繁體中文、/en/ 為英文完整鏡像，所有頁面皆輸出 hreflang 對應標記。後台內容亦支援雙語欄位，讓國際客戶取得一致的閱讀體驗。
詢價表單支援跨服務項目的整合送出，客戶可一次勾選多項檢測需求並填寫聯絡資訊。資料經由 API route 寫入後台詢價收件模組並通知業務窗口，縮短報價流程、避免訊息遺漏。
後台以 Filament 建構，涵蓋四大服務體系、成功案例、認證資訊、知識庫與最新消息、詢價收件等完整模組，並透過 PageContent 機制讓首頁文案可由後台覆寫，業主可自行維運無需工程師介入。
以 Wrangler 部署至 Cloudflare Pages，享有全球 CDN 邊緣加速。樣式採 Tailwind CSS 4 的 @theme 設計系統統一管理品牌色與間距，並內建站內搜尋 Dialog，協助訪客快速找到檢測服務與技術文章。
