在高雄做海鮮與農漁特產生意的人,常常會遇到同一種挫折:客人親自到攤位上挑,看一眼、問兩句就成交,可是同樣的貨放到網路上,瀏覽的人不少,下單的人卻很少。問題多半不是東西不好,而是買家在螢幕前看不到、摸不到、聞不到,他只能靠頁面上的字與照片判斷這筆錢該不該花。生鮮又是拆了封就很難退的商品,買家的猶豫本來就比買一件衣服強烈。所以高雄購物網站設計真正要處理的,不是版面漂不漂亮,而是怎麼把老闆在攤位前會親口交代的那些話,一句不漏地搬到螢幕上。
高雄購物網站設計先處理的事:生鮮疑慮跟一般商品不同
賣一件外套,買家在意的是尺寸、顏色與退換貨;賣一尾魚、一箱芒果、一包烏魚子,買家在意的是完全不同的事:這是冷凍還是冷藏送來、到貨當天我不在家會不會壞、收到之後放冰箱能放多久、寫的那個重量是含冰衣還是不含、處理過沒有、要不要自己去鱗去內臟。這些疑問只要有一個沒被回答,購物車就會停在那裡。
更麻煩的是,這些疑問通常不會變成客服訊息。願意主動問的買家是少數,多數人是默默關掉分頁。所以頁面必須主動把答案端上來,而不是等人問。這一點是設計層面的責任:資訊本身老闆腦袋裡都有,缺的是把它安排到買家會看的位置。
另一個容易被忽略的落差是,港邊與市場的交易習慣是「現場看貨、當面議」,線上沒有這個環節。少了當面說明,頁面就得承擔全部的說明責任。把線下會講的話一條一條列出來,再決定哪一條放商品卡、哪一條放商品頁、哪一條放購物流程,這是整理資訊的起手式。
保存狀態要在商品卡上一眼看到
買家從分類頁往下滑的時候,眼睛停留在每張商品卡上的時間很短。如果常溫、冷藏、冷凍三種商品混在同一個列表裡,卻沒有任何視覺上的區別,買家就必須一張一張點進去才知道這是什麼溫層,體驗會非常疲勞。更現實的問題是,不同溫層通常不能併單出貨,買家把三種溫層加進同一台購物車,結帳時才發現運費與到貨日不一樣,那個落差感會直接造成棄單。
做法上,最有效的是在商品卡的圖片角落或標題下方,放一個固定位置的溫層標示,全站統一,不要有的商品有、有的商品沒有。同時在分類頁提供依溫層篩選的選項,讓習慣一次補齊冷凍櫃的買家可以只看冷凍品。標示的用字也要統一,不要這邊寫「冷凍宅配」、那邊寫「低溫配送」、再一邊寫「急速冷凍」,買家會以為是三種不同的東西。
除了溫層,保存期限與解凍建議也值得從商品頁往前拉。不必整段搬到商品卡上,但「冷凍可存放較長時間」「收到請當日冷藏」這種層級的關鍵句,用一行短標示放在卡片上,能大幅減少猶豫。這是高雄購物網站設計裡少數投入不大、但對轉換影響很直接的調整。
產地與規格:尾數、重量、處理方式都要交代清楚
生鮮最容易產生客訴的地方,就是規格寫得含糊。一包一斤,是幾尾?一箱十台斤,是含箱重還是不含?寫「大尾」,大到什麼程度?這些在攤位上老闆會順口講,在網路上如果不寫,買家就會用自己最有利的方式想像,收到貨自然落差。
比較穩妥的做法,是把規格拆成幾個固定欄位,每一項商品都照同樣的順序寫,讓買家一看就知道要找什麼。常見的欄位包括:
- 淨重或毛重,並明確講清楚標示的是哪一種
- 數量範圍,例如一包大約幾尾、每尾大約多重,並註明因個體差異會有落差
- 處理方式,是全魚、去鱗去內臟、切片還是真空分裝
- 產地與捕撈或採收方式,能講的就講,不能確定的就不要寫
- 是否含冰衣或包冰,這一項在冷凍水產特別容易引起爭議
欄位固定的好處,是買家在不同商品之間比較時不需要重新適應。他知道第三行永遠是處理方式,比較起來就快。這種一致性比任何華麗的排版都更能提升信任感,也讓後台上架的人有標準可循,不會今天寫得詳細、明天寫得潦草。
還有一個誠實的細節:農漁產品本來就有個體差異,與其寫死一個數字讓自己被客訴,不如明白寫出「因為是天然產品,大小會有落差,我們以總重量為準」。把不確定性寫出來,反而比假裝精準更可靠。
運費與配送範圍的說明,要放在買家想到的那一刻
很多網站把運費說明放在頁尾的「購物須知」,那是最沒有人看的位置。買家想到運費的時機通常有三個:看到商品價格的當下、把商品加入購物車的當下、進入結帳頁的當下。這三個時機都應該看得到相關資訊,而不是要他自己去翻。
商品頁的價格附近,適合放一行極短的提示,例如溫層與免運門檻的概念性說明;購物車頁面,適合放「目前這台車裡有幾種溫層、會分幾筆出貨」的提醒;結帳頁則是明確列出配送方式與可能的限制。三個位置講的深度不同,但彼此不能矛盾。
配送範圍也一樣。如果離島或部分山區有限制,這件事不該等到買家填完地址、按下送出才跳出錯誤。在商品頁就用一句話點出「部分地區配送有限制,詳見配送說明」,再讓有需要的人點進去看完整規則,這樣的順序對雙方都省事。高雄購物網站設計在這一段的重點,是把壞消息講在前面,而不是藏到最後。
生鮮照片的取捨與誠實揭露
照片是生鮮商品頁的主力,但拍得太夢幻反而會出事。擺盤精美、燈光打得剔透的成品照當然要有,那是引起食慾的角色;可是如果整個頁面只有成品照,買家收到的是一包冷凍真空袋,那個心理落差就是退貨與負評的來源。
比較實際的組合,是讓照片分工:一到兩張情境或料理完成照負責吸引點擊,接著一定要有實際包裝出貨的樣子、真空袋或保麗龍箱打開時的樣子,以及一張帶有比例參照的照片,讓人知道實際大小。有比例參照這件事對水產與水果特別重要,因為單獨一顆芒果或一尾魚的照片完全看不出尺寸。
誠實揭露則要用文字補上。像是「照片為料理後呈現,實際出貨為生鮮真空包」「因為是天然漁獲,紋路與色澤會有差異」「圖中配菜與餐具不包含在商品內」,這些話寫出來不會減少訂單,反而會減少爭議。願意先把落差講清楚的賣家,在買家眼中通常更可信。
分類與篩選也要照生鮮的邏輯走
一般電商的分類習慣是照商品類別分,生鮮則常常需要多一層思考。買家的購買情境可能是「這週要補冷凍庫」「要送禮」「要辦一桌」「產季到了想嚐鮮」,這些情境跟魚類、貝類、水果這種分類法並不重疊。
比較好的處理,是主分類仍照品項走,另外用標籤或專區承接情境需求,例如送禮專區、產季推薦、免料理快速上桌。篩選條件則建議至少提供溫層與規格區間,這兩個是生鮮買家最常用的篩選軸。
要注意的是,篩選條件不是越多越好。每多一個條件,後台就多一份維護成本,如果沒有認真維護,篩出來的結果會不準,那比沒有篩選更傷。設計的時候,寧可少而準。
常見問題
生鮮商品的照片一定要拍得很專業嗎?
專業的燈光與構圖當然加分,但比拍得美更重要的是拍得完整與誠實。至少要有出貨實際樣貌、開箱樣貌與帶比例參照的照片。只有美照卻沒有實物照,買家反而會懷疑。
把保存與配送資訊寫得太詳細,會不會嚇跑客人?
通常不會。會被嚇跑的買家,多半本來就不適合這個商品,成交了也容易變成客訴。把限制寫清楚,留下來的是真正知道自己在買什麼的人,後續的處理成本反而低很多。
商品規格有個體差異,該怎麼寫才不會被認為誇大?
用範圍描述搭配明確的計價基準。例如說明以總重量計價、單尾大小會有落差,並註明誤差的處理方式。重點是讓買家事先知道,而不是收到貨才發現。
網站做好之後,多久會有搜尋流量?
誠實地說,通常需要數個月的累積,而且沒有人能保證排名。生鮮類的關鍵字競爭不算輕鬆,比較務實的做法是先把商品頁的資訊做紮實,再持續補上產季、料理方式這類內容,讓網站有被搜尋到的理由。
如果你手上已經有一個購物網站,卻不確定商品頁到底少交代了什麼,其實可以用最土法的方式檢查:找一位完全沒買過你商品的人,請他從首頁開始逛到結帳前一步,把他問出口的每一個問題記下來。那張清單就是你的改版待辦事項。
創昇SEO提供免費的網站健檢,也可以到府當面解說,把商品頁、分類與結帳流程逐項看過,告訴你哪些地方讓買家停下來。要不要動、什麼時候動,決定權都在你,我們只負責把看到的狀況講清楚。
