01 · Challenge
挑戰：作品夠好，但網路上看不到
一間做了 8 年的工作室，最珍貴的資產就是這些完工案。可是當潛在屋主想找設計師，第一個動作往往是上網搜尋——搜不到，8 年的累積就很難轉成詢問與委託。我們和工作室談下來，整理出三個要解的題：
- 作品集散落，缺一個對外的家。攝影、3D 圖、案例說明分散各處，沒有能讓陌生屋主一次看懂的入口。
- 搜尋見度低。屋主在找「在地老屋翻新」「奶油侘寂風設計」這類字時，工作室不容易被搜到。
- 看完沒有下一步。就算有人看到作品，也缺一個低門檻的方式把「喜歡」變成「聯絡」。
02 · Approach
方案：從「一個能成交的官網」往回推
我們不急著做頁面，先把目標定清楚：一個能被搜尋、能被信任、能直接成交的對外窗口。再從這個目標往回拆，分三條線同步處理——把作品收攏成一個對外的家、讓對的屋主搜得到、把每一次詢問都接住並量好成效。
設計調性刻意貼著工作室本身的氣質走：溫潤、樸實、有生活感，不喧嘩。把「陪你住十年的耐看設計」這件事，從口頭講的話，變成屋主一進站就感受得到的視覺語言。
03 · Execution
執行：三條線同步落地
- 作品整理成對外的家。把完工案的攝影、3D 圖與案例說明收攏，建成官網並託管在 Cloudflare Pages。
- 讓對的屋主搜得到。替網站打底基礎技術 SEO，針對主力地區與風格關鍵字規劃內容方向。
- 量好成效、接住每次詢問。配置 GA4 與 GTM 作為衡量底層，把網站主要行動點收斂成一個聯絡表單，讓每次詢問都有跡可循。
改版前後對比（拖曳中間滑桿 ↔）
← 改版前改版後 →
室內設計與醫美最有說服力的元素就是前後對比。此滑桿用 OSS img-comparison-slider（4KB gzip）做成，醫美使用時需另加療效免責聲明。
04 · Results
成果：哪些數字真的動了
網站上線只是開始，看得到數字才能持續調整。以下為示意數據（區間/模糊化處理）：
核心關鍵字搜尋排名（數字越小越前面）
資料視覺化直接 inline 進頁面（HTML/CSS bar，不用 PNG 圖檔），手機與桌機都清晰、可被搜尋引擎讀到。
⚠️ 本頁所有數字為範本示意，採區間或模糊化處理以保護客戶營業資訊。醫美類案例若呈現療效對比，須依台灣醫療廣告法規加註免責聲明、不得宣稱保證療效。
05 · Takeaway
洞察：把網站上線當起點，不是終點
「作品夠好、年資夠長，但少了一個能被搜尋、能被信任、能成交的對外窗口，累積就很難變成穩定的詢問。我們做的，就是把這個窗口補上，然後用數字陪著一起把它愈調愈好。」