網站 · 設計概念
編輯式顧問服務 — 企業網站設計
這是 B2B 科技網站概念,展示服務範圍、系統關係和項目查詢。石色背景、炭黑文字和低飽和青色,讓服務內容有足夠空間,也容易閱讀。
以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。
設計起點
以沉穩服務版面,開展營運系統連接的討論。
- 適用對象
- 評估軟件開發或系統整合供應商的營運主管及技術負責人。
- 需要考慮的限制
- 服務內容需要足夠空間,同時系統標籤和項目查詢亦要容易找到。畫面只作示意,沒有連接即時系統,也不會提交真實查詢。
建議的操作流程
- 01
服務首頁
從買家的營運問題出發,介紹相關服務範圍。
- 02
整合範圍
以現況至連接後系統的圖解,讓討論有具體依據。
- 03
項目查詢
以簡短表格了解現有系統及預期改變,並顯示必填欄位狀態。
為何這樣設計?
設計考慮 1
以一張連接圖,將抽象服務轉化為現有系統的討論。
設計考慮 2
低飽和青色用於下一步操作和系統交接。
細看視覺設計
以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。
配色用途
石色背景
#F3F0E8
炭黑結構
#292B2A
連接提示
#147D96
字體與間距
資料清楚,下一步自然明確。
標題採用較克制的襯線字,範圍標籤、圖解和表格欄位則用中性的無襯線字。
服務介紹保留較寬的留白;系統標籤和相關查詢操作則靠近排列。
正常流程以外的狀態
尚未確定服務範圍
未確定需要哪項服務?請說明現有系統及希望改善的地方。
查詢可供核對
項目簡介已備妥。發送前請核對聯絡資料。
欠缺項目背景
請簡述想討論的系統或工作流程。
為甚麼把系統圖放在服務介紹旁?
買家可先把建議工作對應到現有系統,再討論範圍。寬鬆版面為服務說明保留較多空間,但同一畫面顯示的資料比緊湊的導航版少。

