室內設計公司官網的命是作品集，卻也是網站最重的負擔。照片越漂亮，檔案越大，機器讀到的東西反而越少——設計公司作品集網站的兩難，就卡在這裡。
2026 年 9 月 25 日，我們逐頁看了三個國外標竿網站，同一天、同一套方法、抓原始碼算的。一家有 155 張圖，替代文字全是空字串，機器一張都讀不到；一家整站只有 306 個字。好看跟被讀到，得一起處理——這篇就是在講怎麼一起處理。
這篇是「產業網站指南」系列第 4 篇，前三篇分別寫過月子中心官網的頁面與預約動線、律師事務所網站的合規重點與牙醫診所網站的法規紅線。文章的機器量測與分析是我們自己跑的，逐字整理與初稿由 AI 協作完成，數字與判斷由我本人逐項核對。
本文目錄
案源都靠平台和 IG，還需要自己做一個室內設計公司官網嗎？
室內設計公司官網，是把作品、流程、報價邏輯和聯絡方式放在你自己網域底下的那個網站——平台停掉、演算法改了，它不會跟著消失。要不要做，可以先算一題。
打平月數＝（建置費＋一年維護費）÷（每月省下的平台方案費＋名單費）。算式很簡單，難的是三個數字：也有平台根本沒有「年方案」這回事。某大型媒合平台在自家客服說明裡直接寫明，收費是依報價模式、服務項目、案件價值、廣告成本等多項因素制定，而且「收費價格也是浮動的」，扣的是每一筆聯繫費用——換句話說，你問不到一個固定的年費數字，只能回去翻自己的帳單。（PRO360 達人網 客服中心，2026-09-25 查）、、建置費想抓個底，可以用頁數回推：有同業把客製頁面的單頁成本寫成每頁約 3,000 到 15,000 元，依設計複雜度而定。室內設計公司官網若以首頁、關於、作品列表、作品內頁、服務流程、聯絡共六頁起跳，光設計與開發這一段的區間就已經拉得很開。（一家台灣的網頁設計公司（報價行情文），2026-09-25 查）。三個數字填進去，答案就出來了，不用問任何人。
差別在主導權。平台上的排序規則由平台決定；官網上的排序規則由你放了什麼內容決定。這不是保證有效，是把主導權換手——換手之後你才有得改。
這篇的評鑑順序固定五項：1 設計風格與視覺策略、2 中文化落差、3 法規合規、4 能見度、5 資訊完整度與詢問動線。設計是主軸，法規排第三，但很多法規問題本質上是設計問題。整篇不承諾任何成效，給的是你可以自己去數、自己去對照的東西。
這 3 個國外標竿網站，我們是怎麼量的？
查看日期是 2026 年 9 月 25 日，同一天、同一套方法、抓原始碼算的。網站隨時改版，這篇寫的是那天看到的樣子。三個網址集中放在這裡，你要驗證就一次全部打開：
- EIGHT DESIGN INC.（日本名古屋，空間設計公司）eightdesign.co.jp
- Tredi Interiors（義大利品牌，美國矽谷與棕櫚泉，義大利進口廚具衛浴與室內設計）trediinteriors.com
- Smeulders Interieurgroep（荷蘭，辦公室與商業空間裝修）smeulders-ig.nl
| 項目 | EIGHT | Tredi | Smeulders |
|---|---|---|---|
| 不跑 JS 讀得到的字 | 3,753 | 10,367 | 306 |
| 圖片總數 | 155 | 15 | 19 |
| 其中 alt 有寫文字 | 0 | 15 | 19 |
| JSON-LD（給機器讀的公司資料卡） | 無 | 有 | 無 |
alt 就是寫給機器看的圖片說明。另外有三個測試你自己就能做，不用任何工具：① 按 End 鍵會不會直接到頁尾 ② Ctrl+F 找不找得到下半部的字 ③ 關掉 JavaScript 還剩幾個字。EIGHT：不動／找得到／3,753 字；Tredi：三項全過；Smeulders：三項也都正常，但只有 306 字。
每一站固定看 8 項：第一屏在賣什麼、攝影策略、色彩系統、字體與字級階層、留白與資訊密度、人物呈現方式、動態使用、網格與節奏。先講限制：同一把尺量日文站、英文站與荷蘭文站，字數本來就不可比；後面的星等是我們逐項看過之後給的判斷，不是任何機構的評比，跟上面機器量的數字是兩回事。
EIGHT DESIGN（日本名古屋）：155 張圖為什麼機器一張都讀不到？
EIGHT DESIGN 把品牌那一層做得很滿，機器那一層近乎放棄。第一屏四個英文單字 DELIGHT LIFE STYLE DESIGN 佔畫面約三分之一高，橘色手寫斜體的 Style 疊在黑色粗體上，三張作品照各傾斜 5–8 度像拼貼，導覽只有一個 Instagram 圖示加一顆 MENU 漢堡鈕。
色彩系統五個顏色各有固定崗位：黑、橘、黃、藍、綠。橘在首屏與按鈕、黃在公司沿革、藍在公告卡、綠與黃當新聞標籤。攝影全是現場實拍——咖啡店、住宅、商業大樓；團隊照是四個人在自家店裡談笑，不是排排站。三站裡唯一把「有趣」當策略的，另外兩家賣質感，它賣「跟這家人合作很愉快」。
技術面是另一回事。155 張圖每一張都有 alt 屬性，內容卻全是空字串——等於把整批作品宣告成裝飾圖。沒有 JSON-LD，獲獎與公司資訊沒有結構化。按 End 鍵頁面不動，捲動被接管（分頁式捲動，右側四點指示器、左側編號 02），但 Ctrl+F 找得到下半部的字、關掉 JS 還有 3,753 字——所以捲動劫持傷的是人，不是機器，這兩件事要分開講。
動線缺口也明顯：首頁沒有可直接送出的表單，詢問路徑斷在 Contact 頁；服務只有「住宅リノベーション」一個入口；沒有案例實績頁，也沒有價格、工期、流程任何說明。
| 面向 | 評價 | 說明 |
|---|---|---|
| 品牌與視覺 | ★★★★★ | 五色分工明確、照片傾斜拼貼，辨識度極高 |
| 資訊架構 | ★★★☆☆ | 導覽 20 項分類清楚，但服務只有一個入口 |
| 內容與信任感 | ★★☆☆☆ | 有獲獎新聞，無案例、無數據、無設計師署名 |
| 技術與行動版 | ★☆☆☆☆ | 155 張圖 alt 全是空字串、無 JSON-LD、捲動被接管 |
Tredi Interiors（美國加州）：10,367 字的首頁把什麼做對了？
Tredi Interiors 把「屋主腦袋裡的分類」直接搬上導覽。頂部完整導覽 12 項，按房間分——廚房／浴室／衣帽間／臥室／客餐廳／門，這是三站裡最貼近使用者思考方式的分法。大照片套上品牌深紅半透明濾鏡，襯線標題正體與斜體混用。
色彩是深紅＋白＋黑字。紅色只出現在三個地方：Logo 底、照片濾鏡、內文連結文字。濾鏡讓識別度極強，代價是把空間的材質細節蓋掉了——對一家賣材質的公司，這個代價要自己衡量。
它是三站裡唯一把流程寫成頁面的：1. DISCOVERY → Understanding Your Vision → YOUR FIRST STEPS，給三個具體動作——參觀 showroom、預約設計師到府、免費 30 分鐘視訊諮詢。三種諮詢方式各寫成一段，不是一句「歡迎來電」。內文的 modern Italian kitchen、luxury bathroom、walk-in closet 全做成紅色內鏈，顏色同時當品牌識別與「這裡可以點」的指示，一個設計決定做兩件事。
缺漏一樣要寫：這幾頁一個人都沒有；導覽展開共 24 項塞滿產品型號，新客無從下手；三則評價只有姓名縮寫＋城市，沒有照片或可查證來源；沒有價格數字、沒有完整案例頁、沒有工期。技術面的事實照留：15 張圖 alt 全部有文字、有 JSON-LD、h1 唯一、10,367 字、三個測試全過。
| 面向 | 評價 | 說明 |
|---|---|---|
| 品牌與視覺 | ★★★★☆ | 深紅濾鏡識別強，但蓋掉材質細節 |
| 資訊架構 | ★★★☆☆ | 首頁動線順，導覽 24 項型號堆疊難讀 |
| 內容與信任感 | ★★★★☆ | 服務寫得細、三則具名評價，但沒有數據 |
| 技術與行動版 | ★★★★★ | alt 全有文字、JSON-LD 齊、h1 唯一、三測全過 |
Smeulders Interieurgroep（荷蘭）：整站只有 306 個字，代價是什麼？
Smeulders 把所有溝通壓在照片上，整站只有 306 個字。第一屏是滿版專案照，專案名以半透明白字疊在照片上；導覽只有 4 項；右下一顆橘色圓鈕加 5/6 分頁指示，右側直排寫著 Nominee（得獎提名）。
色彩是黑白＋單一橘色，橘只出現在圓鈕與細線，其餘所有顏色都來自照片本身。攝影是專業建築攝影——夕陽時分、廣角、而且有人正在裡面工作；沒有產品照、沒有素材庫圖。人出現在專案照裡，不是團隊合照。字體幾何無襯線，標題約內文 3 倍。視覺上這是三站裡最俐落的一個。
圖說話了：19 張圖 alt 全部有文字。但整站只有 306 字可以被引用。首頁 6 個 h1 全是客戶名稱，主題完全失焦；沒有 meta description（搜尋結果下面那段摘要），等於把摘要交給 Google 自己湊；服務、流程、聯絡方式全缺；沒看到表單，也沒有明確的下一步。
導覽只抓到兩個跳躍連結，看不到真正的主選單，可能靠腳本載入——這代表資訊架構幾乎無法從原始碼辨識。捲動測試倒是正常：End 鍵直接到頁尾、Ctrl+F 找得到文字，問題不在技術手法，在內容量本身。
| 面向 | 評價 | 說明 |
|---|---|---|
| 品牌與視覺 | ★★★★★ | 黑白＋單一橘色，顏色全來自照片，建築攝影有人在使用空間 |
| 資訊架構 | ★☆☆☆☆ | 導覽只剩兩個跳躍連結，看不到主選單 |
| 內容與信任感 | ★☆☆☆☆ | 僅 306 字，只有客戶名沒有說明 |
| 技術與行動版 | ★★☆☆☆ | alt 全有文字，但無 meta description、6 個 h1、無 JSON-LD |
三站並排看，設計與技術的落差在哪裡？
三站並排之後，落差不在美感，在「機器讀不讀得到」。下表左半邊的星等是我們自己逐項看過之後給的判斷，不是任何機構的評比；右半邊的 SEO／AEO／GEO／E-E-A-T 是我們用自家的 AI 雷達工具在同一天量的分數。一個是人看出來的，一個是程式算出來的，兩者不是同一件事。
四個指標的白話解釋：SEO 是搜尋引擎找不找得到你；AEO 是 AI 問答時能不能直接抓出答案；GEO 是內容好不好被 AI 整段引用；E-E-A-T 是看得出來這家有沒有實績與可查證的身分。
| 網站 | 品牌與視覺 | 資訊架構 | 內容與信任感 | 技術與行動版 | SEO | AEO | GEO | E-E-A-T | 一句總評 |
|---|---|---|---|---|---|---|---|---|---|
| EIGHT DESIGN（日本） | ★★★★★ | ★★★☆☆ | ★★☆☆☆ | ★☆☆☆☆ | 80 | 38 | 63 | 75 | 品牌做到滿，機器那一層幾乎放棄 |
| Tredi Interiors（美國） | ★★★★☆ | ★★★☆☆ | ★★★★☆ | ★★★★★ | 92 | 100 | 100 | 88 | 三站中唯一兩件事都做了的 |
| Smeulders（荷蘭） | ★★★★★ | ★☆☆☆☆ | ★☆☆☆☆ | ★★☆☆☆ | 83 | 38 | 75 | 13 | 圖說話了，但只有 306 字可被引用 |
內容品質那一項三站都量不出來（分別是日文、英文、荷蘭文），跨語言比較本來就有落差，這點我們先自己講。兩套方法得到同一個結論，比單一分數可信：Tredi 四項最高，它也是 alt 全有、JSON-LD 齊、三測全過那一站；Smeulders 的 E-E-A-T 只有 13，對應的是全站 306 字、6 個 h1 全是客戶名；EIGHT 的 AEO 只有 38，對應 155 張空 alt。
三家都會講理念、擺品牌名、放漂亮照片，這一層已經沒有差異。三站都沒有的是——價格區間、工期、完整施工流程，以及可查證的案例數字與設計師署名。屋主最想問的，全落在頁面之外。這是三個樣本，不是一個產業；要說台灣的情況，得另外去數幾個實例。
日本那套「巨大英文＋小級數日文」，搬到中文為什麼會垮？
EIGHT DESIGN 的手法是英文極粗無襯線當主視覺、日文用一般粗細黑體，兩者級數差 6–8 倍，另外用手寫斜體當裝飾。這套在日文站成立，因為假名筆畫少，放小了還認得出來。
中文搬過來會出兩個問題。一是中文字型可用的字重比英文少很多，做不出「極粗對一般」那種強對比；二是方塊字放大之後筆畫會擠在一起糊成一團，字級拉到 6 倍反而更難讀。
三個替代方向，可以直接寫進給廠商的規格書：
- 把「巨大」交給數字與短英文——年份、坪數、案件編號、服務項目的英文短詞可以放大，中文主標維持在可讀範圍，靠字距與行距拉出氣勢，不靠字級。
- 用「字級差 2–3 倍＋一個上色的關鍵詞」取代「差 6–8 倍」。EIGHT 的橘色手寫斜體，在中文可以換成單色標記詞或一條細線，同樣製造視覺重音。
- 中文標題自己控制斷行，每行 8–12 字，不要讓瀏覽器亂斷；挑字型前先數清楚這套中文字型有幾個可用字重，字重不夠就不要設計四層階層。
以上是我們慣用的設定，不是通則。如果你手上已經有一版沿用日系版型的網站，這幾點可以拿去對照，判斷是要調字級還是整個網站改版。
室內設計官網最常被忽略的技術痛點是什麼？
圖片重量是這一行最常被忽略的痛點。案例照動輒 10MB，一個案子二三十張，一頁很容易堆到幾百 MB。手機用戶等不到就走了——作品集是這行的命，卻也是網站最重的負擔。我們交付時的規格是：長邊 2000px、輸出 WebP、單張壓到 200–400KB、首屏以外全部延後載入（lazy load）、第一屏只放 1 張大圖。這是我們的規格，不是業界標準。
「有 alt」和「alt 有寫東西」是兩回事。EIGHT DESIGN 155 張圖每張都有 alt 屬性，內容卻全是空字串，機器讀到的是「這是裝飾圖，不用理」。寫法對照：✗ img_2043 ✗ 室內設計 ✓ 台中 32 坪老屋翻新客廳，木作電視牆搭灰色布沙發。
自己驗一次只要 30 秒：打開你的作品集頁按 Ctrl+F，搜尋你寫在圖說裡的字。找不到，機器多半也讀不到。想一次看完更多項目，可以走我們整理的31 項 AI 能見度自測，或直接做一次AI 能見度檢測。
3D 圖與施工中照片的著作權要先分清楚：誰拍的、誰畫的（攝影師、外包繪圖、自家員工），委託單上要寫明授權範圍、能不能商業使用、要不要署名。外包 3D 圖沒寫授權就放上官網，風險在你這邊——條文請自己的法務確認。
客戶隱私的可操作分界是「寫得出來的別寫到門口」：社區名與門牌不寫，改寫行政區＋坪數＋屋型＋風格；預算寫級距不寫金額；上架前拿一頁式書面同意書，把可公開的項目逐項勾選，並在隱私權政策裡交代蒐集與使用範圍。
官網上那張報價表與付款條件，有法定要求嗎？
室內設計這一行的法規限制，重點不在廣告，在契約與登記——這跟醫療、律師那幾類完全不同。兩部要查的是：建築物室內裝修管理辦法（涉及裝修業登記與專業技術人員），以及內政部公告的室內裝修工程定型化契約應記載及不得記載事項。
條號與具體內容一律以查到的原文為準，這一段我們不憑印象寫。前者的官方全文在全國法規資料庫（法務部），可以逐條核對；後者依行政院公報記載，內政部於 113 年 1 月 31 日以台內國字第 1120833843 號「預告訂定」設計委託、工程承攬等 3 種應記載及不得記載事項，目前狀態請以內政部定型化契約專頁為準。以上兩筆都是我們在 2026 年 9 月 25 日查的。
官網那張報價表並不是單純的版面：依消費者保護法第 22 條，企業經營者應確保廣告內容真實，對消費者所負的義務不得低於廣告內容，契約成立後還要確實履行——所以網站上寫了多少、怎麼收款，實際簽約時就不能比它更差。（全國法規資料庫（法務部）消費者保護法第22條，2026-09-25 查）。查不到就留白，不要補一句聽起來很像的話。
為什麼跟官網有關：如果你把報價項目、付款比例、工期寫在官網上，那些文字很可能不只是行銷文案。官網公開的條件跟實際簽的契約要能對得起來——這一點請自己的法務確認再上線。官網上建議明列（依原文確認後再寫死）：公司登記名稱、統一編號、裝修業登記字號、負責的專業技術人員資訊。這些字放上去不好看，但屋主拿去查得到，就是信任感。我們做網站，不是律師事務所；這裡只列出要去查的法源名稱。
做一個室內設計公司官網要多少錢？報價單怎麼看？
搜「費用」的人想知道的是大概多少錢，不是我們收多少，所以這一段先講市場、再講自家。市場上的價差大到同業自己都拿來當標題——一家把行情整理成文章的同業，標題直接問「3 萬跟 30 萬的網站差在哪」，可見同樣叫「官網」，落點可以差十倍。（一家台灣的網頁設計公司（行情說明文），2026-09-25 查）。
比價之前先把報價單拆成 7 個項目逐項比，8 萬和 35 萬的差距才看得出來：
- 視覺設計
- 前端切版
- 後台 CMS（你自己能不能改內容）
- 案例上傳筆數
- 圖片壓縮處理
- SEO 結構（標題階層、alt、結構化資料）
- 上線後維護
再分清楚一次性與逐年：設計與建置是一次性；網域、主機、SSL 憑證、維護、改版是逐年。把逐年的乘以三年再比一次，排名常常會翻過來。這套拆法我們在看懂報價單 7 個項目那篇寫得更細。
三個一定要當面問的問題：作品集照片張數超過會不會另外算錢？日後我自己上傳案例會不會再收費？網域與主機掛在誰名下、能不能隨時搬走？
我們自己的區間放在最後，角色是「一個有人負責的起點」，不是市場平均，也不承諾固定價格：以台灣市場的行情文章來看，一般企業形象網站建置多落在 45,000～70,000 元，客製化網站則從 150,000 元以上起跳；主機每年約 3,000～12,000 元，維護費常見的算法是建置費的 10%～30%。（一家提供架站服務的同業所整理的費用行情文，2026-09-25 查）。公開的方案可以先看方案費用與建置流程。
常見問題
Q1. 室內設計公司官網跟放在媒合平台上的頁面差在哪？
平台頁面的排序、版型與曝光規則由平台決定，你停止付費它就消失。官網掛在你自己的網域下，內容累積是你的，但要自己養流量。多數公司兩邊都跑，差別在於哪一邊是資產。
Q2. 網站上線之後，案例誰來更新？
最省力的做法是訂一個固定格式：行政區／坪數／屋型／風格／工期／預算級距，配 6–10 張壓到 400KB 以內的圖，每張都寫一句替代文字。格式固定之後，一個結案的案子大約 30 分鐘就能上架。責任要指定到人，不然永遠不會更新。
Q3. 作品集照片要壓到多小，手機才不會等太久？
我們交付時的規格是長邊 2000px、輸出 WebP、單張 200–400KB，第一屏只放一張大圖，其餘延後載入。原始 10MB 的照片直接上傳是最常見的錯誤，一個案子二三十張就足以把手機使用者擋在外面。
Q4. 官網上可以寫客戶家的坪數跟地址嗎？
建議寫到行政區、坪數、屋型就好，社區名與門牌不寫，預算寫級距不寫金額。上架前請屋主簽一份一頁式同意書，逐項勾選可公開的內容。具體界線請自己的法務確認。
Q5. 做官網一定要客製嗎？模板站行不行？
看你的作品集有多重、多久更新一次。如果一年上架二十個案子、每個案子二三十張圖，圖片處理流程與後台上傳動線就是核心，模板通常撐不住；如果一年更新三次，模板加上壓縮流程就還行。不確定的話可以先看網站類型怎麼分。
下一步
老實說，這三個網站沒有一個是完整答案——但三種失敗方式合起來，剛好把室內設計公司官網該補的東西講完了：圖要說話、內容要在 HTML 裡、價格工期流程要寫在頁面上。室內設計公司網站怎麼做，濃縮起來就是這三句。
如果你手上已經有一個官網，先花 30 秒做一次 Ctrl+F 測試；如果打算重做，可以先看我們的成功案例與網站設計服務，或直接把你的作品集規模與更新頻率告訴我們，我們會用同一套尺量一次你的網站。詢問量進來之後怎麼接，可以再看LINE 線上預約系統。
