technine.io

網站 · 設計概念

編輯式顧問服務 — 企業網站設計

這是 B2B 科技網站概念,展示服務範圍、系統關係和項目查詢。石色背景、炭黑文字和低飽和青色,讓服務內容有足夠空間,也容易閱讀。

以下為設計概念,並非客戶項目。畫面屬靜態示意,名稱及數據均為虛構。

編輯式顧問服務 — 企業網站設計

設計概念

編輯式顧問服務 — 企業網站設計: 企業網站 · 石色、炭黑與留白充足的服務敘事
查看設計
企業網站 · 石色、炭黑與留白充足的服務敘事

設計起點

以沉穩服務版面,開展營運系統連接的討論。

適用對象
評估軟件開發或系統整合供應商的營運主管及技術負責人。
需要考慮的限制
服務內容需要足夠空間,同時系統標籤和項目查詢亦要容易找到。畫面只作示意,沒有連接即時系統,也不會提交真實查詢。

建議的操作流程

  1. 01

    服務首頁

    從買家的營運問題出發,介紹相關服務範圍。

  2. 02

    整合範圍

    以現況至連接後系統的圖解,讓討論有具體依據。

  3. 03

    項目查詢

    以簡短表格了解現有系統及預期改變,並顯示必填欄位狀態。

為何這樣設計?

設計考慮 1

以一張連接圖,將抽象服務轉化為現有系統的討論。

設計考慮 2

低飽和青色用於下一步操作和系統交接。

細看視覺設計

以下是建議的設計樣式,屬靜態示例,並非可操作的功能或正式開發規格。

配色用途

  • 石色背景

    #F3F0E8

  • 炭黑結構

    #292B2A

  • 連接提示

    #147D96

字體與間距

資料清楚,下一步自然明確。

標題採用較克制的襯線字,範圍標籤、圖解和表格欄位則用中性的無襯線字。

服務介紹保留較寬的留白;系統標籤和相關查詢操作則靠近排列。

正常流程以外的狀態

尚未確定服務範圍

未確定需要哪項服務?請說明現有系統及希望改善的地方。

查詢可供核對

項目簡介已備妥。發送前請核對聯絡資料。

欠缺項目背景

請簡述想討論的系統或工作流程。

為甚麼把系統圖放在服務介紹旁?

買家可先把建議工作對應到現有系統,再討論範圍。寬鬆版面為服務說明保留較多空間,但同一畫面顯示的資料比緊湊的導航版少。