澳洲 WPC 塑木建材品牌官網 + 用料試算工具
2026
Compotech Solution 是位於澳洲坎培拉（Canberra, ACT）的 WPC 塑木複合建材供應商，主打以共擠出（co-extrusion）技術製造的戶外地板（composite decking）、外牆板（composite cladding）與 PVC 地板，客群涵蓋屋主、建商、建築師與商業空間業主，並經營批發與安裝商合作。
這個案子的重點不在品牌形象，而在「幫買家把規格搞清楚」。建材採購者最在意的是尺寸、顏色、用料數量與安裝方式，因此官網以產品目錄為主軸，搭配用料試算、安裝指南、保固說明與經銷據點查詢，把售前會被問到的問題一次攤開。
前端採 Astro SSR 確保英文市場的 SEO 可被完整檢索，後端以 Laravel + GraphQL 供應資料，管理後台使用 Filament，業主可自行維護產品、圖庫與詢價收件，不需要工程師介入。
Composite Decking、Composite Cladding、PVC Decking 分線陳列，每項產品可設定尺寸、顏色、表面處理與規格欄位，供買家直接比對
Decking Calculator 讓屋主與承包商輸入場地尺寸即可估算所需板材數量，把「我要買多少」這個最常見的售前問題自助化
以索取實體樣品作為主要轉換動線，建材採購者需要親手摸到質感與顏色才會下單，比線上金流更貼近真實銷售流程
住宅與商業空間的完工案例圖庫，讓潛在客戶看到材料在真實場景中的效果，後台可自行上下架
整合安裝步驟指南、常見問題與保固條款，降低安裝商與 DIY 屋主的售後諮詢量
Where to Buy 與 Installer 兩個模組，協助買家找到就近的購買通路與合格施工夥伴，支撐批發通路策略
針對建材行、五金通路與工程公司的批發洽詢動線，與零售客戶分流，避免兩種客群的需求混在同一張表單
產品、圖庫、據點、詢價收件、SEO 欄位全部可由業主自行維護，中英介面操作邏輯貼近一般表單，不需技術背景
澳洲建材採購者高度依賴 Google 搜尋比價，因此前端採 Astro SSR，首屏內容於伺服器端組裝完成後輸出，確保搜尋引擎與 AI 爬蟲都能取得完整 HTML，而不是等 JavaScript 執行後才看得到產品資料。
建材的差異在規格而非文案。資料模型把尺寸、顏色、表面紋理、適用場景、包裝單位拆成獨立欄位，前台可依欄位篩選，後台新增產品時也不必每次重寫描述，長期維護成本明顯較低。
Decking Calculator 以場地長寬與板材規格推算所需數量與預估耗損，於前端即時計算不需往返伺服器。這個工具同時是很好的詢價前置動線：算完之後可直接把結果帶入樣品索取表單。
產品、分類、圖庫、據點、安裝商、詢價全部透過 GraphQL 交換。型別安全的 Schema 讓前後端各自推進不易踩雷，前端也能精準取用需要的欄位，減少行動裝置的頻寬浪費。
後台以 Filament 建構，涵蓋產品與分類、實績圖庫、經銷據點、安裝商名錄、詢價收件與處理狀態、SEO 欄位。詢價採未讀置頂設計，避免業務漏看新進訊息。
業主在澳洲、開發團隊在台灣，兩地有時差。專案採線上進度看板同步狀態，並把後台的日期時間統一以澳洲當地時區呈現，避免業主看到與實際營運不符的時間。
戶外地板與外牆板是高單價、高決策成本的建材，顏色與表面紋理在螢幕上跟實際看到差很多，買家幾乎不可能不摸到實品就下單。因此把轉換目標設定成索取樣品，比硬做金流更貼近真實成交路徑：客戶拿到樣品、確認質感之後，才會進入報價與數量洽談，而那個階段本來就需要業務介入談批量與運費。
建材業售前最常被問的就是「我這個尺寸要買多少片」。這個問題如果每次都要人工回覆，業務時間會被大量消耗；但買家算不出數量又不會主動詢價。把試算做成前端即時計算的工具，等於讓潛在客戶自助完成售前功課，同時把算出來的數量直接帶進索取樣品表單，讓詢價資料一開始就有具體規模，業務跟進時更容易報價。
跨國專案最大的風險不是技術而是時差造成的往返延遲。我們的做法是把需求確認集中在少數幾次視訊會議把方向定調，開發期間改用線上進度看板讓業主隨時看得到目前進度與待決事項，不必等會議。另外後台所有日期時間都以業主當地時區顯示，避免業主看到台灣時間而誤判。
