室內設計公司網站怎麼規劃？作品集、服務流程與預約動線

室內設計網站的照片可以呈現風格，但訪客在挑選合作對象時，還想知道：這間公司做哪一類空間、如何理解需求、工作包含哪些範圍，以及預約前需要準備什麼。網站應讓這些資訊與作品互相補足，而不是把圖片上面塞滿行銷文字。

規劃時先整理可公開的作品和真實服務，再決定分類與頁面。以下提供內容架構與資料準備方法，保留作品原有的比例、留白與閱讀節奏。

一、 客戶需要確認什麼？

先從實際服務範圍出發：住宅或商業空間、設計或工程、服務地區、可承接的專案類型，以及合作的主要步驟。這些資料需要由品牌確認，不能只因為同行有列就照抄。

如果目前沒有核准的價格或工期，就說明評估需要哪些資訊，例如空間現況、需求範圍和希望時程。具體的準備清單比沒有依據的「快速完成」更有幫助；若某些工作需要由其他專業單位處理，也應清楚交代分工。

也可從客戶第一次來詢問的問題整理內容：想先看相似空間，還是確認能否處理現有屋況？同樣是住宅設計，新成屋和既有空間調整需要的說明可能不同。先列出品牌實際承接的需求，再決定網站要補哪些資訊；沒有提供的服務不必為了看起來完整而列入。

二、 作品分類怎麼做才容易找到？

分類應對應客戶會比較的需求。可依實際作品採住宅、商業空間等類型，或使用能持續維護的分類方式。不要同時放太多難以區分的風格標籤，也不要建立只有名稱卻沒有內容的空分類。

每張作品卡片先保留照片與案名，必要時附一行空間類型或設計重點。想看更多細節的人再進單案頁，不必把完整背景放在總覽卡片上。篩選後需有清楚結果，手機也能操作，並能回到原本瀏覽位置。

假設現有作品多為住宅，只有少量商業空間，可先用這兩種空間類型作主要分類，再在單案中說明風格與限制。不要同時新增許多只有一個作品、定義又相近的標籤。這是假設的分類方法；實際分類應以可公開作品為準，並確認新增作品時，管理者能依同一標準選擇。

三、 單一作品頁需要哪些內容？

用簡短背景交代問題，再讓圖片說明設計決策。例如原本動線需要調整、收納與採光如何安排，以及本團隊負責的工作。這些敘述必須符合實際專案；若是概念稿、展示版本或合作案，應標明性質與分工。

單案內容可以先回答三句話：「原本需要解決什麼？」「設計如何回應？」「哪張畫面能看見這個安排？」例如假設專案希望讓工作區和公共空間兼容，就應用配置說明及對應照片呈現，而不是只寫風格形容詞。若只有完工照片、沒有足夠背景資料，先補可確認的畫面說明，不自行編出屋主故事。

可以參考澐鼎築空間設計的網站展示版本觀察作品與資訊的配置。該頁用於展示網站設計，並不等於已核實的正式委託、營運或業績成果。

上稿前還要檢視照片中的門牌、家庭照片、文件或其他可能識別住戶的內容；需要調整時，依授權與客戶確認處理。設計公司、攝影師及協作單位的署名和連結也應按約定呈現。作品可以清楚交代脈絡，不需要公開詳細住址或私人生活資料才算完整。

四、 服務流程如何與作品連接？

服務流程要回答客戶在哪一步提供資料、確認方向與討論範圍。先用真實工作方式整理，再決定如何呈現，不必為了流程圖湊出固定天數。

以下是可調整的網站架構範本，不代表每間公司都要建立相同頁數。

首頁：品牌、主要服務、精選作品 ├─ 作品總覽：依需求分類 │ └─ 單案頁：背景、範圍、畫面與設計說明 ├─ 服務：承接內容、合作流程與準備資料 ├─ 關於：真實團隊背景與工作方式 └─ 聯絡：需求描述與預約入口

若另有文章，讓它回答客戶常見問題，再連回適合的服務。一般規劃步驟可參考網站設計指南，不用把所有流程和 FAQ 都擠進首頁。

流程文字應讓客戶知道下一步要做什麼。例如在初步討論階段先了解空間類型與需求，進入範圍確認時再核對可提供資料和工作分工；實際是否有現場勘查、提案或其他階段，仍由公司確認。這些內容放在服務頁說明，單案頁只需連到相關流程，避免每個作品重複一大段介紹。

五、 圖片與手機閱讀怎麼兼顧？

作品照片要依內容目的決定完整呈現或裁切，重要細節不能只在桌面看得到。手機版應讓圖片尺寸配合畫面，保留清楚的觀看方式，避免把大型原始檔一次全部載入，或為了速度壓縮到材質與光線都看不清。

圖片旁的文字說明與替代文字應描述實際畫面。Google 的圖片搜尋最佳做法也建議提供有意義的圖片脈絡，而不是堆疊關鍵字。圖片縮放與比例處理可依 web.dev 響應式圖片說明檢查；這些基礎處理不代表保證搜尋曝光。

請用手機走一次作品總覽、單案、返回與聯絡流程，確認圖片、選單和篩選都能正常操作。評估的不只是首屏截圖，也包含訪客反覆比較作品時的使用體驗。

圖片順序可先用整體空間建立方向，再呈現與需求相關的區域和細節。上稿後逐張檢查：手機是否仍看得清主要區域、直式照片是否被裁掉重點、相似畫面是否過多，以及短說明是否緊鄰對應圖片。若某張全景需要看細節，應提供合適的完整觀看方式，不靠極小縮圖承擔全部資訊。

六、 預約與需求收集怎麼安排？

讓訪客知道先提供什麼即可，例如空間類型、所在區域、目前狀況、需要的服務，以及可回覆方式。預算與時程尚未確定時，也應有機會描述問題，不必在第一步就要求完整企劃書或詳細住址。

沿用品牌已確認的電話、Email 或 LINE，並測試連結是否正確。若使用表單，必須有可用的後端、隱私說明及成功失敗狀態；點擊預約、開啟 LINE 與實際收到需求要分開判讀，不能直接當成完成預約。

初次聯絡可以提供一段簡短填寫提示：「空間類型、所在區域、目前進度、想改善的問題」，讓訪客依已知資訊回答。收到需求後再由負責窗口確認是否需要進一步資料及可安排的時間。尚未確認日期的聯絡入口，文字應使用需求討論或預約洽詢，避免讓人誤以為點擊後就已保留時段。

七、 常見問題

7.1 照片很多，要全部放上網站嗎？

先挑能說明空間與設計決策的畫面，避免大量近似照片重複出現。保留需要的細節與完整觀看方式，比只追求圖片張數更有幫助。

7.2 沒有成效數字，案例會不夠專業嗎？

可以清楚說明需求、負責範圍與實際完成的工作。沒有核准資料，就不要填入營收、詢問或滿意度數字。

7.3 可以用概念稿補作品集嗎？

可以呈現有權使用的示範內容，但必須清楚標示概念或展示性質，不能讓讀者以為是實際委託完成案。

八、 相關閱讀與下一步

整理頁面分工時，可以搭配公司官網架構範本；作品上稿後，再依 RWD 手機驗收清單檢查圖片、選單、表格和聯絡入口。

本篇內容表與架構樹為規劃範本，圖片技術依官方文件核對。準備網站時，可先整理可公開作品、攝影授權及真實服務流程，再對照網站建置服務。

若已有作品但不知道如何分類，可以先向淞間說明目前資料與網站需求。從內容整理開始，讓視覺呈現與客戶需要的資訊一起成立。