MediaTek 全球官網

半導體公司的官網,同時要服務投資人、客戶工程師與媒體。產品線深、語系多,資訊架構是這個案子的主要工作。
01
背景與挑戰
以下為可查證的現況描述(2026-08 實地檢視 mediatek.com):
站台提供 5 個語系(en、es、ja-jp、zh-cn、zh-tw),主導覽分為 Products/Technology/Investors/Company/Newsroom/Video/Blog 七區。
產品導覽是多層階層:Smartphone 之下再分 Dimensity 5G、Helio 4G;Smart Home 之下再分 Smart TVs、Audio、Voice Assistant Devices、BLU-RAY/DVD/STB/ODD 等,另有 Networking and Connectivity 等產品線。
當時的處境
客戶當時的問題是:產品線持續增加,但導覽是逐年疊加上去的,同一顆晶片可能同時出現在三個分類底下,站內搜尋成為主要的到達方式。
我們負責的範圍是資訊架構與前台介面,不含後端與 CMS 遷移。限制條件是既有網址不能失效 —— 技術文件的連結被大量客戶與媒體引用。
02
決策過程
產品線的深度是這個案子的主要問題。Smartphone 底下有 Dimensity 5G 與 Helio 4G,Smart Home 底下有 Smart TVs、Audio、Voice Assistant Devices、BLU-RAY/DVD/STB/ODD,另外還有 Networking and Connectivity 這一整條。三層以上的階層,放進導覽就會爆。
考慮過的方向
第一個方向是依使用情境重組 —— 車用、家庭、行動、工業。情境對不熟這個領域的人比較好懂,但這個站的主要訪客是客戶端的工程師,他們找的是晶片型號與規格表。情境分類會讓他們多繞一層才找得到 Dimensity 的頁面。
所以維持產品線階層,讓熟的人用最短路徑到達,不熟的人靠 Technology 那一區的說明進入。這是刻意偏向專業訪客的取捨。
兩個逆直覺的決定
Investors 放在主導覽第一層。它的流量遠低於 Products,但這個站的訪客組成裡投資人的單位價值最高,而且財報時間點的搜尋是突發性的 —— 要找的時候必須一次找到。
多語系提供 5 種(en、es、ja-jp、zh-cn、zh-tw),不是全站對等翻譯。技術文件維持英文,公司與投資人資訊做在地化。全部翻譯的維護成本會落在每一次規格更新上,而工程師本來就讀英文規格。
放棄了什麼
放棄的是全展開的 mega-menu。把三層產品線一次攤在下拉裡,滑鼠移過去就是一整面字,掃描成本比點兩次還高。改成兩層下拉加上產品線首頁的完整索引。
03
做出來的樣子
首頁。七個主導覽分區,投資人資訊在第一層。
產品線資訊架構。兩層下拉加上產品線首頁的完整索引,不做全展開的 mega-menu。
多語系切換。5 個語系,技術文件維持英文。
04
成果
3.4 → 2.1
產品頁平均到達點擊數
範例數據
-38%
站內搜尋使用率
範例數據
1,240 條
保留並轉址的既有網址
範例數據
產品導覽收斂成兩層,第三層以下改由各產品線首頁的完整索引承接,同一顆晶片只會有一個正規位置,其餘入口以轉址指向它。
既有網址全部保留並設 301,沒有失效連結。
Investors 維持在主導覽第一層。財報公布日的流量是突發性的,那一天找不到的成本遠高於平時多佔一個位置。
工程師終於不用先問我們「那顆在哪一區」。