讓內部網管入口，從老舊介面走向高效維運工具
遠傳內部網管系統眾多，NOC 入口網站需協助維運人員快速找到系統與關鍵資訊，但既有介面風格老舊、互動語言不符現行期待；NOIS 核心頁面也因欄位多、資訊密集而不易瀏覽。因此本案在既有功能與欄位大致不變的前提下，重新規劃入口資訊架構、UI 版型與前端切版成果。
遠傳電信｜NOC 入口網站、NOIS 系統介面
YEAR
2024
SERVICES
企業內部系統
果思設計協助遠傳電信改善 NOC 入口網站與 NOIS 系統介面老舊、資訊密集且多系統跳轉負擔高的問題。透過 NOC 全站 Wireframe 與 UI 規劃、NOIS 12 頁核心介面重設、前端切版、測試站建置與實際環境部署驗證，將既有內部網管系統更新為更符合維運人員查詢、瀏覽與系統入口導覽需求的企業內部系統介面。
PROJECT OVERVIEW
專案背景
果思的角色
Wireframe 規劃
UIUX 設計
IA 重整
介面重構
前端切版
測試站建置
部署驗證
ACHIEVEMENT
專案成果
整合入口、重構介面，打造更清楚的網管維運體驗
果思將 NOC 與 NOIS 視為兩組使用情境不同的內部系統，分別進行需求對焦、Wireframe 規劃、UI 設計與前端切版。NOC 入口網站以多個網管系統的導覽與資訊整合為核心，重新整理入口層級與版面配置，協助維運人員更快找到所需系統與功能。NOIS 則在維持既有欄位與資料結構的前提下，重設 12 頁核心介面，透過資訊重組、視覺層級與互動細節優化，改善高資訊密度畫面的可讀性與操作流暢度。專案亦建立測試站並進入客戶實際環境完成 NOC 部署驗證，確保設計與切版成果能在真實系統環境中落地。
OKR目標
項全數達標
NOIS 核心介面重設
頁核心介面重新設計
CHALLENGE
挑戰
01
如何在多系統入口中，釐清 NOC 的資訊定位與導覽角色？
遠傳內部已有多個網管系統，NOC 入口網站需要承擔整合入口與資訊導覽的角色，而不是只更新視覺樣式。果思先協助釐清 NOC 在多系統間的定位，重新規劃 Wireframe 與資訊層級，讓維運人員能從入口快速找到所需系統、功能與關鍵資訊，降低在多系統間反覆跳轉的負擔。
02
如何在不變動欄位結構下，提升 NOIS 高資訊密度頁面的可讀性？
NOIS 既有頁面欄位多、資訊密集，但功能與資料結構大致既定，無法透過大幅改動流程解決問題。果思因此聚焦在資訊重組、視覺層級與互動細節，針對 12 個核心頁面重新編排畫面，讓使用者能在維持欄位完整性的前提下，更清楚查詢、瀏覽與理解狀態，改善日常網管操作效率。
03
如何在多窗口與視覺想像落差下，降低設計重做風險？
NOC 與 NOIS 分屬不同窗口與決策者，對「科技感」與「現代化」的視覺期待並不完全一致，部分需求也在專案啟動後才重新定義。果思將兩個系統視為不同產品情境，透過分系統提案、參考資料對焦與逐步確認欄位互動，讓各方在 UI 設計前先建立共識，降低後期方向不符與重做風險。
BRAND STRATEGY
視覺策略-品牌導入
以科技感介面更新企業內部系統印象
遠傳原有 NOC 與 NOIS 介面被客戶認為風格老舊、用語不合時宜，因此本案不只是整理資訊，也需要透過更現代、具科技感的視覺語言更新內部系統印象。果思依 NOC 與 NOIS 各自的使用情境規劃 UI 版型，讓介面更符合電信維運場景中的專業感與即時性。
以分系統設計回應不同利害關係人的期待
NOC 與 NOIS 雖同屬網管相關系統，但使用目的與決策窗口不同。果思沒有直接將同一套視覺風格套用到所有畫面，而是分別針對入口導覽與高密度查詢頁面定義版型與互動細節，讓兩套系統在整體風格一致的同時，能回應各自的實際使用需求。
以測試站與部署驗證確保設計落地
企業內部系統常受限於客戶環境、部署方式與技術條件，設計完成不代表能順利落地。果思在切版後建立測試站，並進入客戶實際環境完成 NOC 部署驗證，透過真實系統條件檢查畫面還原度與互動表現，降低後續交付與環境相容性風險。
閱讀更多
永聯物流開發｜OMega 倉 APP 與 Dashboard 設計
- 企業內部系統
針對 OMega 智慧倉的共享倉、包道倉與營運團隊情境，重新規劃 APP 與 Dashboard 的資訊架構、租客流程與數據視覺化方式，並透過 W3C 色彩標準與倉庫現場螢幕測試，確保介面在實際作業環境中清楚可讀。
閱讀更多
永聯物流開發｜智慧倉戰情室 Dashboard 設計優化
- 企業內部系統
以 OMEGA 智慧倉的即時監控情境為核心，重新梳理儲量、進出倉任務、設備故障、電力與網路狀態的資訊權重，設計能在桌面網頁與大型螢幕清楚判讀的 Dashboard 介面與 20 套可延展圖表模組。
閱讀更多
中國信託｜APP 設計優化
- 金融應用
在長期人天合作模式下，針對中國信託行動銀行 APP 的核心功能、金融資訊呈現與跨部門需求持續優化，透過 UIUX Guideline、卡片式版型與品牌 IP 小 B 情境導入，讓專業金融操作更清楚、親和且一致。