宥承網站設計案例：建築視覺與服務流程的閱讀安排 – BizScope

宥承網站：讓建築視覺與服務流程各自回答問題

宥承聯合設計的網站以自地自建與設計工程整合為主題，首頁使用大幅建築視覺，搭配服務與流程入口。優勢方舟將此列為網站設計案例。本篇整理公開畫面與案例說明，觀察設計如何安排閱讀資訊。

本篇是網站設計案例，不是住宅工程履約案例。沒有取得使用者測試、流量或詢問資料，因此不宣稱網站已提高成交或轉換。案例連結目前使用 Netlify 展示網址，正式品牌資訊以直接確認為準。

自地自建網站需要處理兩類資訊：圖片讓人理解建築與空間方向，文字與流程讓人瞭解服務、分工與洽詢方式。這是 BizScope 的內容分析框架，不是訪客研究的統計結果。

如果頁面只有圖片，訪客可能無法知道品牌提供哪些工作；如果只列服務名詞，又可能缺乏理解設計方向的材料。本案例把主視覺與流程入口並列，提供觀察兩種資訊如何相互補充的例子。

本次查閱畫面使用滿版建築視覺，品牌名稱與服務說明疊在圖片上。導覽列浮在畫面上方，另有預約諮詢入口。圖片、標題與導覽共享首屏，需要同時確認文字對比與操作空間。

設計的意圖可理解為先呈現建築方向，再給出可前往的資訊入口。是否符合訪客期待，仍需透過操作任務與回饋測試。本文不從滿版圖片直接推定品質或轉換效果。

圖片型別與專案狀態應由品牌說明。網站畫面可作為視覺設計資料，但不能單憑它判定展示建築已完工、工程品質或品牌承作範圍。

導覽列可見關於、自地自建、服務流程、作品與常見問題。這些入口對應不同閱讀問題：認識品牌、理解服務、檢視過程與作品，以及釐清初步疑問。預約入口則提供後續行動。

對資訊架構而言，流程不只放在頁尾，有助於形成明確的查閱方向。實際操作時仍需檢查選單是否能前往對應內容、不同寬度下是否保持可用，以及固定導覽是否遮住標題。

展示網站另有作品與階段介紹。本文建議閱讀時區分品牌公開的服務流程、作品狀態與可核查檔案。流程說明可以讓訪客準備問題，實際責任與交付則要在正式合作中確認。

若未來補充案例深度，可以加入需求、品牌角色、取捨與可公開過程資料。這些是後續內容建議，不是聲稱原專案已經交付或具備的材料。

將依據分開，可以避免把設計目的誤讀成已證明結果。也不能從一個網站案例推定品牌所有工程的表現。

這些方法可以用於內容盤點，不需要複製相同配色與排版。每個品牌應依自己的素材與需求決定畫面。