Case study · 企業形象官網
三商美福
準備裝修的屋主通常是從自家某個空間開始找靈感，官網依居家區域整理作品與影片，看完即可線上預約或透過 LINE 諮詢。
品牌形象官網WordPressWooCommerce 產品目錄產品型錄線上預約線上聯絡表單
Launch site ↗
Overview
從空間找作品，
而不是從作品找空間。
三商美福提供完整的居家裝修服務流程，希望把每位客戶的個人風格注入新家。官網以「從空間找作品，而不是從作品找空間」為規劃原則，用下拉選單細分客廳、臥室等居家區域，讓屋主能從自己想改造的空間直接找到對應作品。網站另設影音專區，把繁雜的文字改用影片說明，並在側邊放置諮詢按鈕，搭配線上預約、聯絡表單與 LINE 官方帳號連結。
Challenge
作品很多，
客戶只想看自己家那一間。
作品數量多、風格跨度大，客戶真正想看的是「我家客廳可以長什麼樣」；過去的作品列表只能一頁一頁翻。
Approach
先選空間，
再選風格。
以居家區域（客廳、餐廚、臥室、書房、收納）為第一層分類，風格為第二層；下拉選單直接到該區域的作品。
Solution
作品庫可篩選，
長文改成影片。
作品改成可篩選的內容類型，每件標區域與風格；新增影音專區把長篇說明改成影片；側邊固定 CTA 直接到預約表單。
Deliverables
作品庫、影音專區、
門市與預約。
網站架構與版型、作品庫（區域×風格篩選）、影音專區、門市資訊與預約表單、後台教學、GA4 與 GSC 串接。
Timeline
訪談到上線，
約十週。
需求訪談與架構兩週、視覺設計三週、開發三週、作品匯入與驗收兩週。
Result
作品由行銷同仁自己上，
主機交給我們。
作品、門市與活動資訊由行銷同仁在後台更新；主機、備份、更新與資安由我們的自有主機負責。
Screens
桌機、手機，
一次看完。
Details
幾個做法上的細節。
(01)
區域×風格雙層篩選
每件作品標一個區域、一到多個風格；客戶從選單選「餐廚」就只看餐廚，再用風格縮小。
(02)
影音專區
把設計流程、材質說明這類長文改成影片，一支影片一個主題，可嵌回對應作品頁。
(03)
預約 CTA 跟著捲動
側邊固定「立即諮詢」，手機收成底部列；預約表單帶入正在看的作品。
After launch
上線之後，
還在做的事。
- 內容由公司同仁自己更新後台照欄位填，不用懂版面；後台教學一次到會。
- 主機、備份、更新在我們這邊自有主機、定期異地備份、系統與外掛更新、每天 03:00 資安掃描。
- 固定窗口出狀況一個工作天內回覆；每年續約前給一份網站狀況報告。
Contact
留下需求，
1 個工作天內回覆。
告訴我們你的產業、現在的網站、想解決什麼；回覆時會附上同產業的案例與估價區間。