網站 · 設計概念
技術導航介面 — 企業網站設計
這是 B2B 科技網站概念，在項目查詢前整理服務路徑、系統關係和負責範圍。深藍面板、精簡標籤和青色連線，令整合範圍更容易討論。
以下為設計概念，並非客戶項目。畫面屬靜態示意，名稱及數據均為虛構。
設計起點
在討論項目前，先整理系統之間的關係。
- 適用對象
- 評估軟件開發或系統整合供應商的營運主管及技術負責人。
- 需要考慮的限制
- 緊湊模組要交代系統關係和負責範圍，不能令頁面變成即時營運工具。地圖只作示意，不會查詢系統或計算項目範圍。
建議的操作流程
- 01
服務路徑
模組化服務路徑，讓買家按熟悉的營運需要開始了解。
- 02
系統關係圖
以系統、負責人及需要流轉的資料交代整合範圍。
- 03
討論系統需要
已選服務路徑會把有用背景帶到查詢畫面。
為何這樣設計？
設計考慮 1
使用中的服務路徑會保留目前的營運問題。
設計考慮 2
青色線條只表示系統關係，不代表即時數據或產品功能。
細看視覺設計
以下是建議的設計樣式，屬靜態示例，並非可操作的功能或正式開發規格。
配色用途
導航底色
#0B1E33
工作背景
#0D1A2A
目前連接
#31CDCF
字體與間距
資料清楚，下一步自然明確。
採用清晰的無襯線字、等寬數字和精簡標籤；較大的字只留給買家的營運目標。
固定的背景資料欄配合緊湊模組，決策區域之間保持清楚分隔。
正常流程以外的狀態
尚未確定服務範圍
未確定需要哪項服務？請說明現有系統及希望改善的地方。
查詢可供核對
項目簡介已備妥。發送前請核對聯絡資料。
欠缺項目背景
請簡述想討論的系統或工作流程。
為甚麼採用緊湊的系統關係圖？
團隊可在同一畫面討論系統、負責人和資料記錄。緊湊版面可集中顯示更多系統關係，但標籤要清楚，才能讓不熟悉系統的讀者理解。
