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

Haier海爾

想買熱水器或淨水器的消費者,常常只知道大概要什麼;官網用產品線、容量與功能標籤,帶他們找到適合自己家的型號。

品牌形象官網WordPress產品型錄(依產品線、種類、容量三層分類)功能標籤與價格排序連到 momo 購買保固登錄
Launch site ↗
Haier海爾 網站 banner
Overview

從產品線到容量,
找到合適型號

Haier 海爾水聯網的官網,展示旗下熱水器、淨水器、全戶淨水、廚電與衛浴五條產品線。主選單依產品線、種類與容量分成三層,列表頁再用功能標籤與價格排序縮小範圍。產品頁集中呈現容量、建議售價與規格重點,購買按鈕連到 momo;操作教學、產品 Q&A、經銷門市查詢與保固登錄,也都整理在官網裡。新品與教學文章由品牌同仁自己在後台更新。

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

產品線多,
型號又很相近

Haier 海爾水聯網在台灣代理熱水器、淨水器、全戶淨水、廚電與衛浴五條產品線,光是熱水器就分燃氣、電熱、熱泵,容量與系列又再細分。消費者通常只知道自己要「一台熱水器」,網站如果只是把產品排成一長串,很難找到適合自己家的那一台。

Approach

先分產品線,
再用容量與功能縮小

我們先和品牌方確認消費者實際的挑選順序,把產品依產品線、種類、容量或系列分成三層放進主選單;列表頁再用 R32 冷媒、瞬熱控溫等功能標籤與價格排序,讓人從「大概要什麼」一路走到「就是這一台」。

Solution

官網把規格講清楚,
購買交給通路

官網不開購物車。產品頁把容量、建議售價、安裝費、影片與規格重點放在同一個畫面,購買按鈕直接連到 momo;買了之後需要的操作教學、產品 Q&A、全台經銷門市查詢與保固登錄,也都在官網找得到。

Deliverables

產品目錄、分類選單、
教學與經銷查詢

網站架構與版型、WooCommerce 產品目錄(不開購物車)、三層產品選單、功能標籤、產品頁與通路購買連結、操作教學與產品 Q&A、經銷門市查詢(依產品類別與地區)、會員中心與保固登錄入口、最新消息、後台教學。

Timeline

訪談到上線,
約十一週

需求訪談與產品線分類兩週、視覺設計兩週、產品目錄與經銷查詢開發三週、約一百五十項產品規格匯入與功能標籤設定兩週、操作教學與產品 Q&A 整理一週、驗收一週;產品規格與照片由品牌方提供,我們負責整理成分類、標籤與規格欄位。

Result

新品自己上架,
主機交給我們

新產品、規格、教學文章與消息由品牌同仁在後台新增,上架時勾好分類與標籤,分類頁與標籤列表就會跟著更新;主機、備份、系統與外掛更新、資安掃描由我們的自有主機負責。

Screens

桌機、手機,
一次看完

Details

幾個做法上的細節

(01)

選單照產品線分三層

熱水器、淨水器、全戶淨水、廚電、衛浴五條產品線各自展開,第二層是種類,第三層依容量或系列再分。已經知道要「200 公升左右的熱泵」的人,從選單就能直接點到那一群機種。

(02)

用功能標籤縮小範圍

熱水器列表左側列出 R32 冷媒、瞬熱控溫、戶外抗風等功能標籤,右上可以依價格排序。型號相近的機種,先用在意的功能篩一輪,再比較價格就容易多了。

(03)

看完規格,直接到通路購買

官網不開購物車。產品頁把容量、建議售價、基本安裝費與規格重點放在同一個畫面,購買按鈕直接連到 momo;品牌方不用自己處理金流與出貨,消費者也在熟悉的通路下單。

(04)

依產品與縣市找經銷門市

經銷展示頁上方有產品類別與地區兩個下拉選單,選好熱水器、熱泵、全戶淨軟水或直飲淨水,再選縣市按下篩選,頁面就列出符合條件的經銷門市,附電話、營業時間與可點開的地址。想先看實機或找附近店家的人,不用翻完全台清單。

Modules

這個網站,
用到的功能

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

  1. 01產品型錄(依產品線、種類、容量三層分類)
  2. 02功能標籤與價格排序
  3. 03連到 momo 購買
  4. 04保固登錄
  5. 05會員登入(訂單與保固紀錄)
  6. 06操作教學文章
  7. 07產品 Q&A
  8. 08全台經銷門市查詢
  9. 09線上型錄
After launch

上線之後,
還在做的事

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

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

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