P.Audio 官網重建
WordPressB2B 產品目錄告別難以維護的舊網站打造團隊能靈活管理的產品官網
前往觀看網站- 專案角色
- 設計、開發、內容遷移
- 執行時間
- 歷時一年多,分階段進行
- 平台
- WordPress

01 | 專案背景
P.Audio 原有網站已使用超過十年,隨著品牌發展與產品線持續擴充,網站在設計、資訊架構與內容維護方面逐漸無法滿足需求。舊網站採用由外部 Agency 建置的架構,每次新增或修改產品資料,都需要透過開發人員處理,不但流程繁瑣,也增加了長期維護成本。
此外,網站多年未有系統性更新,產品資訊分散、圖片風格不一致,部分規格與下載資料亦需要重新核對。這次改版的目標,不只是更新外觀,而是重新建立一套團隊能自行管理、可持續維護的產品官網。


02 | 重新規劃網站架構,讓資訊更容易找到
改版的第一步,是重新整理整體網站架構與產品導覽方式。舊網站的產品分類層級不清晰,使用者往往需要來回切換多個頁面才能找到合適的產品。
這次將產品重新依照系列、尺寸與磁石物料等維度分類,並加入靈活的篩選機制,讓工程師、經銷商與系統整合商能根據需求快速縮小搜尋範圍。同時新增站內搜尋功能,提升大量產品資料下的查找效率。
除了產品區域,亦重新整理 About Us、Distributor List、Contact 等主要頁面,並新增聯絡表單,提供更清晰的聯絡資訊與詢問入口,讓潛在客戶更容易與品牌建立聯繫,同時提升網站的完整性與商業功能。
03 | 重新整理產品資料,建立一致的內容標準
由於網站長時間未有完整更新,這次亦同步進行產品資料的大規模整理。專案涵蓋超過 150 項產品,需與廠方產品研發團隊密切協作,逐一檢查與更新技術規格、下載文件與相關資訊。
我重新統一了產品圖片的構圖與呈現風格,並重新設計產品規格版面,讓規格資訊更易閱讀。產品頁面中的技術參數、下載區域與相關內容亦按照一致標準重新編排,避免不同產品頁面出現格式不一的情況。
此外,經銷商名單的聯絡資訊亦一併重新整理與更新,確保全球經銷商資料維持最新狀態,方便客戶查詢與聯繫。
04 | 打造可持續維護的網站系統
為了解決過往高度依賴外部開發商的問題,這次改版特別著重於後台管理的彈性與可擴充性。我建立了客製化的頁面模板與產品模板,並整合 WordPress 後台欄位,讓團隊可以直接新增、修改或下架產品,而不需要再進行額外程式開發。
這套架構亦預留了後續擴充空間。未來新增活動頁、技術介紹頁、資源下載頁等內容時,團隊只需套用既有模板並輸入內容即可完成,大幅降低新增頁面的時間與成本,也避免每次調整都需要委託外部開發商處理。

成果
- ✓重新建立清晰的網站架構,提升產品搜尋與瀏覽效率。
- ✓整理超過 150 項產品資料,統一內容規範、提升品牌專業形象。
- ✓完善企業網站功能,新增聯絡頁面並優化品牌資訊。
- ✓建立可自主維護的 WordPress 後台,降低長期維護成本。
- ✓打造可持續擴充的網站架構,支援未來產品與內容持續成長。