MediaTek 全球官網

客戶 MediaTek 聯發科技產業 SaaS 與軟體產品年份 2025服務 網站設計與開發、軟體與產品設計

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

做出來的樣子

04

成果

3.4 → 2.1

產品頁平均到達點擊數

範例數據

-38%

站內搜尋使用率

範例數據

1,240 條

保留並轉址的既有網址

範例數據

產品導覽收斂成兩層,第三層以下改由各產品線首頁的完整索引承接,同一顆晶片只會有一個正規位置,其餘入口以轉址指向它。

既有網址全部保留並設 301,沒有失效連結。

Investors 維持在主導覽第一層。財報公布日的流量是突發性的,那一天找不到的成本遠高於平時多佔一個位置。

工程師終於不用先問我們「那顆在哪一區」。
MediaTek

05

這件案子用到的服務

我們做品牌、網站、產品與 AI 應用的設計

如果你手上也有一個「說不清楚問題在哪」的案子,先聊 30 分鐘。