分類頁優化提案

把官網從商品賣場,升級成品牌旗艦。

這份方案不是單純換幾個分類名稱,而是重新整理「淨淨」的產品世界觀:讓顧客一進站就知道自己該去哪裡,也讓員工知道每個商品該放在哪個位置。

建議主軸

Home Care × Personal Care × Family Safe

居家清潔 個人護理 安心家庭

先說問題

現在不是商品不夠好,是分類讓人想太久。

國際品牌感的重點不是頁面變高冷,而是資訊變有秩序。淨淨的產品線已經有清楚優勢:安心、好用、貼心。現在要補的是「顧客理解路徑」。

問題 01

主選單混了產品、優惠、會員、內容

顧客想買商品,卻同時看到優惠專區、推薦、Blog、會員權益。資訊都重要,但不該全擠在同一層。

問題 02

首頁分類和選單分類不是同一套

首頁有居家清潔、衛浴煥新、母嬰清潔、肌膚護理;選單又有身體護理、潔顏系列、口腔護理。員工也會難維護。

問題 03

商品名稱太早出現,情境不夠清楚

新客不一定知道「剋菌液」「家事皂」能解決什麼問題。分類頁要先回答:我家有寶寶、有寵物、浴室發霉,該買哪個?

淨淨商品視覺
淨淨分類商品視覺
淨淨產品圖

新架構

先分兩條產品線,再用情境幫顧客快速找到答案。

分類邏輯要分成兩層:第一層是品牌管理用的產品線,第二層是顧客購物用的生活情境。這樣既有質感,也比較好賣。

主線 01

居家清潔 Home Care

給家裡用的清潔系統:衣物、餐具、廚房、浴室、消毒、濕巾。視覺用淨淨藍,傳達乾淨、速效、安心。

洗衣護衣 食器清潔 廚房家事 衛浴煥新 消毒抗菌 濕巾

主線 02

個人護理 Personal Care

給身體與肌膚用的溫柔清潔:沐浴、潔顏、口腔、保養。視覺用暖白、柔膚、植萃色,跟居家清潔分出溫度。

沐浴身體 臉部清潔 口腔護理 身體保養 敏弱肌推薦
母嬰安心
Baby & Family
寵物友善
Pet Friendly
衛浴煥新
Bathroom Reset
補充包與組合
Refills & Bundles

主選單建議

導覽列要像品牌,不要像後台分類清單。

最上層只保留顧客最常需要的 6 個入口。優惠仍然要有,但不要當第一主角。品牌站的第一眼,應該先建立「我是誰」。

主選單 下拉內容 目的
全系列商品 居家清潔、個人護理、母嬰安心、寵物友善、補充包與組合、本月優惠 給不知道從哪開始的新客,一次看完整品牌貨架。
居家清潔 洗衣護衣、食器清潔、廚房家事、衛浴煥新、消毒抗菌、濕巾 承接淨淨最強主力產品線,讓清潔品類變成旗艦入口。
個人護理 沐浴身體、臉部清潔、口腔護理、身體保養、敏弱肌推薦 讓新產品線有獨立質感,不被居家清潔的語氣壓過。
安心家庭 寶寶可用、兒童口腔、奶瓶餐具、玩具與環境消毒、寵物友善 用生活情境解決選擇障礙,也是淨淨「家人標準」最適合的入口。
品牌故事 關於淨淨、家人標準、安心認證、成分透明、媒體與獎項 把 SGS、SNQ、Dermatest、Ellead 集中成信任資產。
會員與門市 會員權益、綁定 LINE、常見問題、實體門市、銷售據點 把服務型資訊收在一起,不干擾購物主路徑。

模擬頁面

下面是一個「居家清潔」分類頁應該長的樣子。

這不是最終設計稿,但可以讓員工清楚看懂頁面順序:先講定位,再分子分類,再推薦商品,最後補信任證據與組合包。

CleanClean
全系列商品 居家清潔 個人護理 安心家庭 品牌故事

Home Care

居家清潔

濃縮、速效、安心。從衣物、餐具、廚房到浴室,讓日常清潔不用在效果和成分之間二選一。

SGS 檢驗 家人標準 寵物友善
看商品歸位
淨淨居家清潔系列情境圖

依照家裡的清潔任務找

分類卡要用「用途」命名,讓第一次來的人不用先認識商品名稱。

洗衣清潔情境

洗衣護衣

衣物、毛巾、寶寶衣物都能安心洗。

廚房清潔情境

食器與廚房

奶瓶、碗盤、油垢、料理檯面一次整理。

浴室清潔情境

衛浴煥新

水垢、皂垢、矽利康黑黴集中處理。

本頁主推商品

卡片文案要短,先講一個購買理由,再放標籤。不要塞滿產品規格。

真濃縮洗衣精
洗衣護衣
真濃縮洗衣精

一瓶可洗 80 籃,日常衣物與寶寶衣物都適合。

濃縮萬用家事皂
廚房家事
濃縮萬用家事皂

客廳、廚房、地板、寵物家庭都能用的萬用清潔。

衛浴清潔產品
衛浴煥新
速效除垢慕斯

水垢、鏽斑、皂垢,用浴室任務分類更直覺。

簡單柔濕巾
濕巾
簡單柔濕巾

外出、餐桌、寶寶日常,放在安心家庭也合理。

安心證據集中呈現

不要讓認證散落在商品頁角落。分類頁就要先建立信任。

SGS 檢驗全產品安全檢驗是淨淨的基本信任資產。
SNQ 標章把品牌起家產品的專業背書拉到前台。
皮膚測試個護與食器清潔都能支撐安心感。
家人標準用一句品牌承諾把所有分類串起來。

樹狀圖

分類頁、情境頁、產品功能關係一張圖看懂。

這張圖是給電商、客服、設計、行銷一起看的。上層是官網分類頁,中層是顧客任務,下層才是商品;這樣就不會把「商品名稱」直接塞成主分類。

  • 淨淨官網商品世界 主分類負責品牌秩序;情境分類負責幫顧客快速找到答案。
    • 居家清潔 Home Care 解決家裡的清潔任務:衣物、餐具、廚房、浴室、環境。
      • 洗衣護衣 真濃縮洗衣精:衣物清潔、抗菌除臭、寶寶衣物。
      • 食器清潔 食器清潔皂:奶瓶、餐具、蔬果、寵物碗,好沖不殘留。
      • 廚房家事 濃縮萬用家事皂:油垢、地板、檯面、掃地機器人、寵物友善。
      • 衛浴煥新 除垢慕斯處理水垢鏽斑;除黴凝膠處理矽利康與磁磚縫黴菌。
      • 消毒抗菌 剋菌液:環境、玩具、桌面、廚餘桶、日常消毒除臭。
      • 濕巾 簡單柔濕巾:外出、餐桌、寶寶日常、隨手擦拭。
    • 個人護理 Personal Care 解決身體與肌膚的溫柔清潔任務:沐浴、潔顏、口腔、保養。
      • 沐浴身體 沐浴慕斯、沐浴露:日常洗澡、敏弱肌、香氛洗感。
      • 臉部清潔 潔顏慕斯、潔顏露、潔顏乳:不同膚況與洗感需求。
      • 口腔護理 成人牙膏、兒童牙膏:家庭口腔清潔與兒童安心入口。
      • 身體保養 水凝乳:沐浴後保濕、敏弱肌保養、個護系列加購。
    • 情境分類 Scenario Pages 同一商品可以出現在多個情境頁,但主分類只保留一個。
      • 母嬰安心 洗衣精、食器清潔皂、剋菌液、濕巾、兒童牙膏。
      • 寵物友善 家事皂、剋菌液、食器清潔皂、濕巾。
      • 衛浴煥新 除垢慕斯、除黴凝膠,可搭配浴室清潔組。
      • 補充包與組合 洗衣精補充包、食器補充罐、家庭囤貨組、入門組。
主分類用來維持官網秩序,例如居家清潔、個人護理。
子分類用來描述顧客任務,例如洗衣、食器、衛浴。
情境頁用來提高轉換,例如母嬰安心、寵物友善。

商品歸位

員工照這張表維護,就不會越分越亂。

每個商品有一個主分類,可以同時出現在情境分類。主分類是後台秩序,情境分類是前台銷售入口。

商品 主分類 子分類 可同時出現的情境頁
真濃縮洗衣精居家清潔洗衣護衣母嬰安心、補充包與組合
濃縮萬用家事皂居家清潔廚房家事寵物友善、補充包與組合
速效除垢慕斯居家清潔衛浴煥新衛浴煥新組、浴室清潔
速效除黴凝膠居家清潔衛浴煥新衛浴煥新組、黴菌清潔
食器清潔皂居家清潔食器清潔母嬰安心、奶瓶餐具
剋菌液居家清潔消毒抗菌母嬰安心、寵物友善、玩具與環境消毒
簡單柔濕巾居家清潔濕巾母嬰安心、外出清潔
沐浴慕斯/沐浴露個人護理沐浴身體敏弱肌推薦
潔顏慕斯/潔顏露/潔顏乳個人護理臉部清潔敏弱肌推薦
成人/兒童牙膏個人護理口腔護理母嬰安心、兒童口腔
水凝乳個人護理身體保養敏弱肌推薦、沐浴後保養

落地方式

建議分 4 週做,不要一次全站硬改。

這次優化的風險不是設計,而是後台商品、SEO、舊連結、活動頁一起亂掉。用階段上線會比較穩。

1

第 1 週:分類定稿

確認主選單、子分類、情境分類。商品先照歸位表貼標,不急著改前台。

2

第 2 週:設計模板

先做居家清潔、個人護理兩個分類頁模板。確認 Banner、分類卡、商品卡、認證區。

3

第 3 週:內容搬家

把商品、組合包、優惠、Blog 入口重新放位。舊分類保留轉向,避免顧客找不到。

4

第 4 週:數據檢查

看分類頁點擊、商品點擊、轉換率。若「安心家庭」點擊高,就再加強母嬰與寵物入口。

Shopline 後台維護原則

後台分類名稱要用消費者看得懂的用途,不要用內部商品線代號。商品可以掛多個分類,但每個商品只能有一個「主分類判斷」。這樣行銷、客服、設計、電商同仁才會講同一套語言。