室內設計與裝潢公司網站怎麼做：作品集、收費流程、預約諮詢與費用（2026）

室內設計、裝潢或空間整理工作室的網站，最重要的一頁是作品集。屋主找設計師時心裡想的是「你做過跟我家很像的房子嗎、大概花了多少」，所以每個案子除了照片，還要寫清楚坪數、屋況、預算區間和設計重點。再補上服務流程與收費方式、屋主見證、預約諮詢表單，一個能接案的設計公司官網大約六到八頁就夠。

這些頁面不一定要外包。你可以用用 AI 做網站的 WP × Roamer AI，把作品照和案子資料貼進對話，請 AI 排成作品集頁，之後新案子完工也直接跟它說。下面拿會員作品牆上三個會員跟 Roamer AI 一起做的網站當例子：空間整理品牌心境所居 Mindscape Living、綠建築顧問築境、做老屋改善的安居續能。

平台價格與功能是 2026 年 10 月對照官方頁面整理的；網頁設計公司的行情取自接案平台 PRO360 公開的報價統計。會員網站只描述公開看得到的版面與功能。

室內設計網站要有哪些頁面

首頁第一個畫面講清楚你做哪一類案子（住宅、商業空間、老屋翻新）、服務哪些地區、怎麼聯絡，往下放三到六個代表作，再放一個明顯的「預約諮詢」按鈕。其他頁面是作品集、服務流程與收費、關於我們、常見問題、預約諮詢，有餘力再加文章專欄。

三個會員網站的選單可以對照著看。心境所居做不大動工程的空間整理，選單有服務方案、重構方法、心境分享、常見問題、預約諮詢，還多一個賣收納用品的選物頁。築境把解決方案依建設公司、公家機關、自住業主三種客人分開寫。安居續能獨立一頁補助指南，因為老屋屋主最常問的就是有沒有補助。你的客人最常問的那個問題，就值得獨立一頁。公司官網的通用頁面與上線前檢查，整理在公司官網怎麼做。

作品集頁：照片怎麼拍、怎麼排、每個案子寫什麼

完工照挑晴天白天拍，燈全開、窗簾拉開，鏡頭放在胸口高度並保持水平，牆角門框才不會歪。每個空間先拍一張看得出格局的廣角，再補兩三張細節，像櫃體把手、材質交接、燈光層次。改造前的照片要跟完工照同一個角度，前後對照才有說服力，所以丈量那天就該順手拍好。

每個案子做成獨立一頁。最上面是封面照和案子資料：坪數、新成屋或中古屋、屋齡、住幾個人、預算區間、工期。接著用兩三段寫原本的問題和你的解法，例如「三房改兩房，把採光還給客廳」，再依空間放照片，最後放平面圖和屋主的話。預算寫區間就好，註明含不含家具與軟裝，就能篩掉預算差太多的詢問。案子多了，依坪數、屋況、住宅或商業空間分類，屋主可以直接找跟自家條件接近的案子。

上架前要取得屋主同意，門牌、看得出地址的窗外景觀、家人照片都要避開或修掉，案名寫「32 坪老屋翻新」就好，不寫社區名稱。築境的案例頁註明內容依業主授權更新，是好寫法。作品少也不要拿別人的設計照充場面；用授權圖庫或創用 CC 圖片時照授權標示來源，築境的圖片下方都標了來源與授權條款。

服務流程與收費怎麼寫：丈量、設計費、監工

屋主最不安的是不知道流程，也不知道錢怎麼收。把流程寫成五到七步，每一步寫你做什麼、屋主準備什麼、做完拿到什麼。安居續能的執行流程頁就是範本：資格檢核、現況診斷、補助媒合、設計採購、施工驗收、請款核銷六個階段，每段都寫明交出的成果，下面再用一張表寫清楚屋主、安居續能、施工團隊各自負責什麼。

收費不必公開完整報價，但要講清楚怎麼算：丈量或現勘收不收費、能不能折抵；設計費按坪計還是總價、含幾次修改；工程款分幾期；監工另外收還是含在工程裡；保固多久。寫不出數字的地方，寫「依現勘與正式合約確認」即可。心境所居把服務分成診斷、重構專案、按月陪伴三層，重構專案再依雅房套房、小兩房、全屋分級。安居續能則把到府現勘做成網站上可以直接下單付款的商品，寫明到府約 60～90 分鐘、盤點漏水、結構與用電。收丈量費的工作室這樣做，能省掉很多約時段、對帳的訊息，線上收款的設定可以參考用 AI 做 WooCommerce 網路商店。

見證、Google 評論與預約諮詢表單

見證要具體。「設計師很用心」誰都寫得出來，「原本以為老公寓只能全部打掉，設計師留下了原本的磨石子地」才讓人相信。見證放在對應的案例頁最下面，比集中在一頁更有說服力。

很多屋主是在 Google 地圖搜尋「室內設計」加地區，所以商家檔案的評論很重要。Google 允許用連結或 QR code 請客人留評論，也建議回覆每一則；但用折扣、免費服務換評論，或只邀請滿意的客人、阻擋負評，都違反 Google 的政策。交屋時把評論連結傳給每一位屋主就好。商家檔案也能加「預訂」連結，指到網站的預約頁。

預約表單建議問地區、房屋類型、坪數、屋齡、預算區間、預計入住時間、想改善的地方，可以的話附現況照片。心境所居讓人先選想諮詢的方案、寫下目前最大的困擾，旁邊有加 LINE 好友的入口；安居續能在表單上方提醒不要填身分證字號與銀行帳號，下面說明收到資料後怎麼處理。表單會蒐集姓名電話，就要有隱私權政策。心境所居還做了一個五題的空間小測驗，不用登入就能找到適合的第一步；這種小功能跟 Roamer AI 說明題目和結果要接到哪一頁就能做，見用說的讓 AI 幫網站加功能。

只用 IG、設計家或 100室內設計，跟自己有網站差在哪

只經營 Instagram 很合理：照片是設計業最好的語言，IG 不用錢也容易被分享。限制是它適合被看見，不適合被查證。屋主想知道案子幾坪、花多少、原本屋況，貼文很難寫完整；在 Google 搜尋「老屋翻新 30 坪」時，出現的多半是網站上的案例與文章。

設計家 Searchome、100室內設計這類平台本身就有大量正在找設計師的屋主。100室內設計 2024 年公布的數字是每月造訪量突破 200 萬次、約 1,400 家設計公司進駐；設計家有找設計師、圖庫與配對功能。代價是你和同業並排出現、內容照平台格式，刊登方式與費用要跟平台洽詢，我們在官網上沒有查到公開價格。比較實際的做法是三者並用：IG 日常曝光，平台接觸正在比較的屋主，自己的網站放完整案例、收費方式與預約表單，當作所有管道最後導過去的地方，作品和詢問名單也都留在自己手上。

照片多也不拖慢網站：尺寸、壓縮與 WebP

最常見的問題是把相機原檔直接上傳，一張好幾 MB，一頁放二十張，手機打開要等很久。Google 也說明圖片通常是網頁裡佔最多容量的部分。處理方式有三步。第一，長邊縮到 2,000～2,560 像素；WordPress 5.3 起會把超過 2,560 像素的圖自動縮到這個大小。第二，改用 WebP，Google 的資料是同畫質下比 JPEG 小 25%～34%。WordPress 5.8 起能上傳 WebP，但不會自動轉檔，可以裝 WordPress 效能團隊做的 Modern Image Formats 外掛，新上傳的圖會轉成 WebP 或 AVIF。第三，檔名和替代文字寫清楚，例如替代文字寫「32 坪老屋客廳，保留原本的磨石子地」。

案例頁開頭放兩三張大圖，其餘用縮圖，點開再看大圖，改完用 PageSpeed Insights 測一次手機版。在 WP × Roamer AI 上，可以請 AI 安裝圖片壓縮外掛、把作品集改成縮圖排列，它動手前先拍快照，不喜歡說「復原」就退回。RoamerHost 兩個 WordPress 方案的空間都是 10GB，壓縮後的作品照放上千張也夠。

自己做還是外包：費用比較

下表的外包行情取自 PRO360 報價統計，平台價格依官方頁面，2026 年 10 月查。最後兩列是 RoamerHost 的WordPress 主機代管方案，主機、WordPress、SSL 和自動備份都包含在內，網站可以整站匯出帶走。

最容易被低估的是最後一欄。作品集每隔幾個月就有新案子，每放一個都要等外包報價，網站很快就停在兩年前。費用怎麼拆開算，寫在2026 台灣做網站行情。

用 Roamer AI 做，付款後約 60 秒網站就裝好。你說工作室做什麼、服務哪些地區、想要什麼感覺，它先列計畫，你確認後才進站建頁面，做完給你看桌機與手機截圖。之後案子完工，傳幾張照片和幾行資料說「新增一個案例」就好，日常用法見把 Roamer AI 當小編，從空白網站做起的過程可以看Roamer AI 完整示範。

怎麼選

如果你是室內設計、裝潢或空間整理工作室，沒有工程師，想要能放完整作品集、收費流程與預約表單，而且新案子能自己上架的網站，選 WP × Roamer AI 進階版的 AI 架站服務，平均每月 NT$999（年繳）。工作室有人熟 WordPress、願意自己排版，WordPress 基本版每月 NT$299 起（年繳）就夠。品牌視覺是主要賣點、預算充足，找網頁設計公司，合約寫清楚網域與後台帳號歸誰。案量靠轉介紹就接不完，先把 IG 經營好就好；想多接觸正在比較的屋主，再加上設計家或 100室內設計這類平台。還在比較的話，可以先看用 AI 做網站完整指南 2026。

常見問題

Q：室內設計網站一定要放價格嗎？

不用放完整報價，但要讓人知道怎麼算：丈量收不收費、設計費按坪計還是總價、工程款怎麼分期、監工怎麼收，案例頁再標預算區間，屋主就能判斷合不合預算。

Q：剛開業作品不多，作品集要怎麼做？

先放三到五個最完整的案子，自己家或親友家的局部改造也可以，寫清楚原本的問題和你的做法。3D 提案圖可以放，但要標明是提案圖，也不要用別人的作品照。

Q：已經有 IG 和平台檔案，還需要網站嗎？

如果你想讓屋主看到完整案例與收費方式，或想從 Google 搜尋接到案子，就值得有一個。網站綁自己的網域，作品與詢問名單都留在自己手上。

Q：用 AI 做的網站，之後可以交給別人改嗎？

可以。WP × Roamer AI 做出來的是標準 WordPress 網站，你可以自己登入後台改，也能交給設計公司接手，整站可以匯出。之後的修改、加功能和外掛更新，也能繼續直接跟 Roamer AI 說。

資料來源

• PRO360：網站架設費用統計
• Google for Developers：WebP 格式說明；Google 搜尋中心：Google 圖片 SEO 最佳做法
• WordPress.org：WordPress 5.8 支援 WebP、WordPress 5.3 大圖處理、Modern Image Formats 外掛
• Google：商家檔案評論管理、商家檔案預訂連結、Google 地圖使用者內容政策
• 設計家 Searchome 官網；100室內設計月訪量突破 200 萬次（鉅亨網，2024 年 4 月）
• Wix：方案與價格、網站匯出說明

延伸閱讀

• 公司官網怎麼做？外包、模板、用 AI 的時間與費用比較
• 做一個網站要多少錢？2026 台灣行情
• 把 Roamer AI 當小編：上新品、換活動、發文章
• 想加功能卻找不到外掛：用說的讓 AI 幫你做
• 所有 WordPress 教學