免費諮詢
↑
Case study · 企業形象官網

三商美福

準備裝修的屋主,想先看跟自家坪數、屋況相近的案例;官網用條件篩選、720°VR 與影片整理作品,看完就能預約門市。

品牌形象官網WordPressWooCommerce 產品目錄產品型錄線上預約線上聯絡表單
Launch site ↗
三商美福 網站 banner
Overview

先找像自己家的,
再看設計怎麼做

三商美福提供系統家具與室內裝修的一站式服務。官網把完工作品依坪數、屋況與格局分類,屋主可以直接篩出跟自己家條件相近的案例;風格另外整理成九種風格靈感。720°VR 瀏覽讓人在規劃初期就走進設計提案裡看,影音專區用影片介紹完工案例。右側固定 LINE、預約諮詢與門市據點三顆按鈕,預約表單先問屋況與服務門市。作品與影片由行銷同仁自己更新。

客戶
三商美福
類型
品牌形象官網・產品型錄・詢價
上線
2023
服務
網頁設計・自有主機維護
Challenge

作品很多,
屋主想看像自己家的

三商美福做系統家具與室內裝修,完成的案子多、風格也多。準備裝修的屋主最想知道的是「跟我家差不多大、屋況差不多的房子,做出來會是什麼樣子」;作品如果只是依時間一頁一頁排,很難找到可以參考的那幾件。

Approach

先用坪數與屋況篩,
再從風格找靈感

我們先和品牌方確認屋主實際比較案例的方式,把作品依坪數、屋況(新成屋、中古屋翻新、老屋翻新)與格局分類,列表頁三組條件可以一起選;風格另外整理成現代、北歐、奶油等九種風格靈感,從喜歡的樣子也找得到。

Solution

看作品、看全景,
再預約丈量

720°VR 瀏覽把設計提案做成全景,每件標好坪數、風格與屋況,點開就能走進去看;影音專區用影片介紹完工案例。右側固定 LINE、預約諮詢與門市據點三顆按鈕,預約表單先問屋況與服務門市,門市接手時就知道該準備什麼。

Deliverables

作品庫、720°VR、
影音與門市預約

網站架構與版型、空間設計作品庫(坪數、屋況、格局篩選)、九種風格靈感、720°VR 瀏覽、影音專區、獨家商品與系統板材介紹、六區門市據點、線上預約諮詢表單、LINE 客服連結、最新消息與居家靈感文章、後台教學。

Timeline

訪談到上線,
約十五週

需求訪談與作品篩選條件(坪數、屋況、格局)規劃兩週、視覺設計三週、作品篩選、720°VR 與影音專區開發四週、全台門市據點與預約表單設定一週、作品、VR 與影片資料匯入三週、驗收兩週;完工照片、VR 連結與影片由品牌行銷同仁提供。

Result

作品由行銷同仁自己上,
主機交給我們

新作品、720°VR 案例、影片、門市與活動消息由行銷同仁在後台新增,上架時勾好坪數、屋況與風格,列表篩選就會跟著更新;主機、備份、系統與外掛更新、資安掃描由我們的自有主機負責。

Screens

桌機、手機,
一次看完

Details

幾個做法上的細節

(01)

用坪數、屋況、格局找相近的家

空間設計作品的列表左側有坪數、屋況、格局三組條件,每件作品卡片也直接標出坪數與屋況。屋主先選「30 坪以下、中古屋翻新」,看到的就是跟自己家條件相近的案例。

(02)

720°VR,先走進設計裡看

每件 720°VR 案例都標好坪數、風格與屋況,點開就是全景提案。屋主在規劃初期就能看到空間配置、動線與材質搭配,不必只靠平面圖想像完成後的樣子。

(03)

預約表單先問屋況與門市

預約表單除了姓名與手機,也請屋主選方便聯絡的時段、屋況與服務門市;右側固定 LINE、預約諮詢與門市據點三顆按鈕。門市接手時已經知道對方的狀況,第一通電話就能談得具體。

(04)

系統板材逐一附上 SGS 報告

系統板材頁把每個色號排成色票牆,標上編號、色名與 8、18、25 三種規格是否供應,下方直接連到該板材的 SGS 測試報告。屋主挑櫃體顏色時可以先在網站上比對花色,再點開報告確認檢驗內容,到門市討論前心裡就有底。

Modules

這個網站,
用到的功能

每一項都是報價單上的一行。你的網站需要哪些,我們逐項列出來。

  1. 01WooCommerce 產品目錄
  2. 02產品型錄
  3. 03線上預約
  4. 04線上聯絡表單
  5. 05YouTube/影片嵌入
  6. 06LINE 官方帳號連結
  7. 07最新消息/文章系統
  8. 08RWD 響應式設計
After launch

上線之後,
還在做的事

  • 內容由公司同仁自己更新後台照欄位填,不用懂版面;後台教學一次到會。
  • 主機、備份、更新在我們這邊自有主機、定期異地備份、系統與外掛更新、每天 03:00 資安掃描。
  • 固定窗口出狀況一個工作天內回覆;每年續約前給一份網站狀況報告。
Contact

留下需求,
1 個工作天內回覆

告訴我們你的產業、現在的網站、想解決什麼;回覆時會附上同產業的案例與估價區間。