一、 改版背景：舊網站功能單一，無法承載品牌與產品成長
基準科技創立於 1976 年，長年深耕工業設備與量測零組件領域，擁有極為穩定的客戶基礎與深厚的技術實力。然而，隨企業發展與數位環境變遷，舊網站的呈現方式已逐漸無法符合現代化需求。
從舊站暫存畫面分析，原網頁主要以「產品下載頁面」為核心，版面偏向早期型錄式設計，重點集中在檔案下載與列表呈現。這種架構雖然具備基本資訊功能，但整體視覺缺乏品牌形象鋪陳、產品分類邏輯不夠直覺，且完全不具備行動裝置優化體驗，更像是一個「資料庫入口」，而非代表企業專業度與市場定位的官方平台。
二、 舊網站痛點分析
1. 下載導向為主，缺乏品牌敘事
舊網站首頁與產品頁以檔案列表為主，資訊雖齊全，但缺少公司定位說明、核心優勢整理與視覺化的產品展示。對新客戶而言，難以快速理解基準科技作為國際頂尖品牌代理商的背景與專業優勢。
2. 產品分類結構不清晰
舊站資訊缺乏清楚的層級引導，無明確的主、子分類邏輯，且缺少產品縮圖導覽。瀏覽體驗偏向「找檔案」而非「看產品」，對於首次接觸品牌或想尋求解決方案的買家並不友善。
3. 視覺設計與企業形象不符
設計風格較為傳統，視覺層次單一，且缺乏大圖視覺主軸與一致的品牌色系運用。對於一家具有數十年歷史的領導品牌來說，原有的網站形象已無法完整呈現其企業實力。
三、 改版核心策略：建立品牌主軸 ＋ 重整產品架構
本次重建的核心策略，是從「品牌定位」與「資訊結構」重新出發：
- 建立清晰的品牌主視覺，強化專業代理商的權威感。
- 重整產品分類邏輯，將海量產品資料結構化呈現。
- 配置高效檢索工具，大幅縮短買主找貨的路徑。
- 導入國際化語系與 RWD，確保全球買主在各種載體皆有優質體驗。
四、 新網站設計亮點
1. 核心亮點：全站式「產品快搜導航列」
針對基準科技代理品項眾多且專業性強的特性，我們在每一頁的顯眼位置皆配置了亮橘色的產品快搜導航列。
- 三階層精確篩選：買主無需進入深層目錄，即可透過「主分類」、「量測加工項目」、「產品種類」三個下拉式選單，在幾秒鐘內從海量產品中精確定位目標。
- 極簡直覺設計：橫向條狀設計指引明確，將網站轉化為買主隨手可用的數位量測工具手冊，大幅降低檢索門檻。
2. 首頁視覺重塑：大氣質感的品牌開場
新版首頁改以深色石紋背景搭配高質感的產品實拍大圖作為主視覺，完美建立「專業、精確、高端」的第一印象。
- 沈浸式標語：透過品牌精神「基於誠、準於精」與動態大圖結合，讓訪客第一時間感受到企業的經營理念。
- 模組化動線設計：頁面依序呈現「最新消息」、「合作品牌牆」以及「產品保固/維修專區」，資訊層次分明，引導訪客建立服務信任感。
3. 國際化佈局：繁中、簡中、英文三語系切換
為了對接全球供應鏈，新網站建構了完整的多語系技術架構（包含繁體中文、簡體中文與英文）。透過標準化的 URL 結構，確保各語言版本皆能被搜尋引擎有效索引，提升基準科技在國際市場的數位能見度。
4. 產品內頁設計：專業數據的結構化呈現
將複雜的技術規格轉化為直覺的導覽體驗，滿足專業採購與工程師的需求：
- 規格參數分區呈現：將產品的測量範圍（如 1.5μm 到 38μm）以獨立標籤形式並排呈現，讓買主一眼即可識別技術區間。
- 技術數據高度結構化：將型號、測量範圍與重量等參數整理成詳盡的技術表格，符合精準比對的閱讀習慣。
- 詢價優先佈局：將「立即詢價」按鈕顯眼地配置在規格旁，並在頁面底部設置「聯絡我們」模組，直接鎖定詢價意向。
5. 品牌內頁設計：深耕品牌代理的專業權威
針對基準科技代理多個國際頂尖品牌（如瑞士 Sylvac）的特性，將品牌專頁轉化為專業入口：
- 權威形象建立：頁端配置品牌形象大圖與官方標誌，並透過詳盡文字介紹品牌背景，強化「原廠授權代理」的信賴感。
- 直覺的產品串聯：頁面下方配置品牌專屬產品捲軸，讓訪客在了解品牌背景時，能立即瀏覽該品牌的熱門型號。
- 官方資源鏈接：提供原廠官方網站連結，展現代理服務的透明度與專業性。
6. RWD 響應式設計優化
全面採用 RWD 設計，確保在手機、平板與桌機皆能維持優質體驗。搭配全站式快搜工具，即便在工廠現場使用手機查詢產品資訊，也能維持高效體驗。
五、 升級效益
- 形象契合：網站視覺大幅提升，成功呈現企業歷史與國際代理專業度。
- 效率提升：分類清晰化與「產品快搜導航列」的導入，顯著縮短了買主的找貨路徑。
- 決策信心：技術規格的完整呈現與三語系國際化佈局，強化了全球買主的詢價信心。
- 專業賦能：行動裝置體驗的改善，讓網站成為業務推廣時最強大的數位工具。
六、 總結
基準科技此次網站改版，是一次從「功能型資料網站」轉型為「品牌導向專業平台」的重要升級。透過沈浸式的大氣視覺、三語系國際佈局與高效的快搜工具，新網站不僅提升了形象，也為基準科技在數位時代的全球服務力奠定了堅實基礎。
