王茂昌企業社成立於 1993 年，位於台中沙鹿工業區，
專注於射出機、押出機螺桿與料管的精密製造與客製化加工。
這次改版的核心任務，是把原本分散的公司資料、產品照片與技術能力，重新整理成中文、日文、英文三國語系的 B2B 形象網站，
讓採購窗口與海外客戶都能快速判斷供應能力並進入詢價流程。
網站採用靜態 HTML 架構建置，5 個工作天完成，
PageSpeed Insights 測試 SEO 與最佳做法皆為 100 分。
王茂昌企業社｜三語系官方形象網站建置案例
傳產製造業網站改版案例：30 年螺桿料管製造品牌，升級為中文、日文、英文國際形象網站
台中沙鹿工業區・射出機／押出機螺桿料管精密製造・B2B 工業網站設計
www.mouchon.com.tw皆為 100 分
王茂昌企業社成立於 1993 年，位於台中沙鹿工業區，
長期專注於射出機、押出機螺桿與料管製造，也提供客製化加工服務。
這次網站改版的重點，是把原本分散的公司資料、產品照片、技術能力與詢價資訊，
重新整理成國內外客戶都能快速理解的網站架構。
對 B2B 製造業來說，網站不只是門面。
它通常是採購、工程窗口、海外客戶第一次判斷公司能力的地方。
所以這次專案特別強調三件事：品牌專業感、產品分類清楚、詢價流程直接。
本次專案協助王茂昌企業社完成中文、日文、英文三語系官方形象網站，
讓國內外客戶都能快速了解公司能力、產品項目與詢價方式。
網站以「螺桿料管製造專家」作為主軸，
首頁直接呈現 30 年製造經驗、500+ 客製化案例、±0.01mm 加工精度、MIT 台灣製造等核心資訊，
讓訪客第一眼就能掌握品牌定位。
服務對象
王茂昌企業社，台中沙鹿工業區螺桿料管製造品牌，成立於 1993 年。
專案類型
舊網站改版、三語系官方形象網站、B2B 工業網站設計。
建置範圍
首頁、關於我們、產品介紹、公司動態、聯絡我們、FAQ、中文／日文／英文語系頁面。
完成時程
5 個工作天完成新版網站規劃、設計、切版、內容整理、RWD 測試與上線檢查。
這類工業型網站最怕走向兩個極端：一是流於傳統型錄，只有產品照片與規格，毫無品牌鑑別度；二是過度設計，特效華麗卻掩蓋了工廠實力與產品重點。
因此，第一步不是急著排版，而是重塑資訊架構（Information Architecture）。將龐雜的舊資料去蕪存菁，重新淬鍊出五大核心層次：
本案的關鍵判斷：
這個網站不適合做成大量動畫與行銷型 landing page，
而是要做成「採購與工程窗口能快速判斷供應能力」的 B2B 形象網站。
因此我們把首頁重點放在公司年資、加工精度、MIT 製造、產品分類與詢價入口，
而不是堆疊過多視覺特效。
例如：
首頁先放品牌定位與核心數據，
產品頁再分類呈現射出機螺桿、押出機螺桿、雙合金料管、特殊螺旋牙型等項目，
讓訪客不需要翻很多頁，就能快速找到方向。
這個網站的主要使用者大致可以分成三類。
產品分類要清楚，詢價入口也要明顯。
只知道機台有磨耗、塑化不穩、產能下降等問題。
需要看到技術說明、FAQ 與聯絡方式。
網站必須支援中文、日文、英文三語系，
讓不同語言的客戶都能看懂品牌介紹與詢價方式。
導覽設計採用簡潔主選單結構，
對 B2B 產業網站來說是優點。
客戶進站後不需要猜選單意思，也不會被太多行銷頁面干擾。
首頁主視覺使用深藍色系與金屬加工照片，
搭配螺桿、料管、機械零件等畫面，
整體風格偏專業、穩重、精密製造感。
首頁上方直接放入品牌主張「螺桿料管製造專家」，
並搭配 30 年精密加工經驗、±0.01mm 加工精度、MIT 台灣製造等資訊。
這些不是裝飾文字，而是 B2B 採購會在意的判斷條件。
首頁也安排了產品入口、公司介紹、FAQ、公司動態與產業資訊、以及立即詢價區塊，
讓首頁不只是品牌形象頁，也具備導購與詢價引導功能。
關於我們頁的重點是「讓客戶相信這家公司有能力接案」。
頁面以公司歷史、成立年份、所在地、加工能力與品質控管作為主軸，
並搭配實際工廠與產品照片，不使用過度抽象的商業素材。
這些內容對工業製造型網站很重要，因為客戶是要判斷這家公司是否有實際製造能力。
產品頁採用卡片式排版，將不同產品分類分開呈現。
每張產品卡片都有產品圖片、分類文字、簡短說明與「詢問報價」按鈕，設計直覺，
也方便未來擴充成更多產品內頁或 SEO 內容頁。
工業產品網站很常遇到的問題是：產品很多，但分類不清楚。
這次用卡片式分類把資訊整理出來，讓客戶可以先用產品類型判斷，再進一步詢問規格。
公司動態頁用列表卡片呈現公司動態、產品消息與展覽活動。
這個區塊對企業形象網站有兩個作用：讓客戶知道公司仍在持續經營與更新；
未來也可以用來發布產業資訊、展覽資訊、產品升級、技術文章，慢慢累積搜尋內容。
目前頁面已規劃產品消息、展覽活動、公司動態等分類，
未來可再延伸成 SEO 文章或技術知識庫。
聯絡頁不是只放電話和地址，而是把客戶行動整理得很清楚。
聯絡區塊也提醒客戶可提供圖面、加工材料、尺寸等資料，讓工程師更容易回覆評估。這對 B2B 工業製造網站很實用，因為詢價品質會直接影響後續溝通效率。
這次網站採用靜態 HTML / CSS / JavaScript 架構建置，
適合企業形象網站、產品展示網站與多語系品牌頁面使用。
對王茂昌企業社這類 B2B 製造業網站來說，
內容更新頻率不像電商或新聞網站那麼高，
重點反而是網站開啟速度、版面穩定性、資訊清楚度與後續維護成本。
因此這次沒有採用複雜後台系統，而是以輕量化靜態架構完成網站建置。
這樣的做法可以降低外掛維護與系統更新風險，未來若需微調文字，
也可以透過簡單的程式碼或輕量管理工具快速處理，
也更適合用在企業形象、產品型錄、詢價導流與多語系展示需求。
Performance
Accessibility
Best Practices
依上線後 PageSpeed Insights 測試截圖，
桌機版「最佳做法（Best Practices）」與「SEO」皆獲 100 分，
整體效能表現優異，為後續關鍵字排名奠定良好的前端基礎。
實際分數會依測試時間、網路環境與第三方資源載入狀況略有變動。
這次網站同時保留三語系內容，
首頁原始內容同時包含中文、日文與英文版本，方便不同市場客戶閱讀。
網站主選單也提供中文、日文、EN 語系切換。
本案完成時間為 5 個工作天。能夠在短時間內完成，
是因為我們有一套針對舊站改版的健檢與資產轉移流程，
原本的公司資料、產品圖片、聯絡資訊與基本內容已經存在，
不需要從零開始蒐集素材，
實作流程可以集中在架構規劃、視覺設計與多語系頁面製作。
如果是完全從零開始的新品牌網站，
包含文案撰寫、產品拍攝、翻譯、資料整理與客戶訪談，時程通常會更長。
這次能在 5 個工作天完成，
是因為舊資料已具備基礎，只需要重新整理、設計與建置。
改版前
舊網站已有基本公司資料與產品內容，但視覺風格較傳統，資訊層次不夠集中，海外客戶閱讀與詢價路徑不夠直覺。
改版後
新版網站重新整理品牌定位、產品分類、三語系導覽、FAQ 與聯絡流程，讓採購窗口能更快判斷產品能力並進入詢價。
網站上線後，王茂昌企業社擁有一個更清楚、更專業，也更適合國際客戶瀏覽的官方形象網站。對 B2B 製造業來說，網站不只是名片，而是客戶第一次評估公司能力的重要入口。這次改版讓王茂昌企業社的技術經驗、產品項目與服務方式都能被更清楚地看見。
品牌定位更清楚
首頁直接傳達「螺桿料管製造專家」，搭配核心數據讓採購窗口第一眼就能判斷。
產品分類更完整
客戶可以快速瀏覽射出機螺桿、押出機螺桿、雙合金料管等產品，不需翻多頁。
三語系支援中日英文
對台灣、日本與海外客戶都更友善，擴大詢價來源。
詢價流程更直接
聯絡頁提供電話、Email、地圖與常見問題，並提示填寫規格資料提升詢價品質。
工業製造視覺風格
呈現精密、穩重、可靠的品牌感，符合 B2B 採購對供應商的評估期待。
SEO 與最佳做法雙滿分
PageSpeed Insights 桌機版 SEO 及最佳做法評分皆為 100 分，具備良好的搜尋引擎基礎。
益盛科技 des13.com
益盛科技長期協助企業進行官方形象網站、B2B 網站、多語系網站、SEO 優化與客製化系統開發。本案例由益盛科技負責網站架構規劃、視覺設計、前端切版、三語系頁面整理、RWD 測試與上線檢查。
適合服務對象包含製造業、加工廠、機械零件廠、外銷品牌、傳產企業與 B2B 供應商。歡迎來電或來信洽詢：04-3707-2202｜ring@des13.com
