Zi 字媒體

建站指南 | 如何打造完美實用的綜合性電商首頁（pc + 手機端）

2021/12/25

yidianzixun

相較於垂直類電商，綜合性電商商品種類繁多，數量也更為龐大。因此，在搭建網站上更具難度。嘿店 heyshop以網易嚴選官網與玩物志手機端為例，就綜合性電商網站以銷售為導向的搭建提出一些建議。

這部綜合性電商參考指南將根據頁面分為：首頁布局／商品頁面布局／專題頁面布局／博客頁面布局／差異化頁面布局 5 塊內容，每塊又分為 pc／mobile 端。Blog 第一期便從首頁的 pc／mobile 端開始。

綜合性電商網站首頁布局

PC 端

1、分類準確且清晰的導航菜單

導航菜單于網站來說是非常重要的組成部分之一。於消費者而言，分類準確且清晰的導航菜單能帶來愉悅的用戶體驗，他們能在最短時間內了解網站的大致構成，並迅速找到想要購買的產品類別或有用信息；於商家而言，這樣的導航菜單不易使消費者產生困惑併流失。再者，分類準確且清晰的導航菜單更有利於商家的維護與擴充。

那麼如何做到分類準確且清晰？

以商品性質分類是不錯的選擇，將不同的商品以行業劃分成不同的分類，再根據功能劃分成二級，甚至三級分類，以達到清晰、方便消費者查找商品的目的。

網易嚴選的一級菜單分成了居家、餐廚、配件、服裝等不同分類，在一級菜單「雜貨」下面又以不同的功能選擇分為了出行用品、收納等二級分類。這樣，即使是初次進入官網的消費者也能在最短時間內查詢到想要購買的商品，或是了解網站售賣範圍及信息。

但無論如何，導航菜單都應以商品分類或是專題活動優先，類似與博客文章或聯繫我們等沒有添加商品的版塊可放置於頁面底部。

同時導航菜單也應具備以下幾點要素：

位置醒目，便於消費者發現與點擊
手機端顯示完整，不存在溢出現象
文案簡短扼要
設計簡要，方便查詢

2、主題明確並跳轉的 banner

通常來說一部分消費者是通過主動的「搜索」來完成購買行為，另一部分則是被 banner 所吸引過來的。顯然，我們需要一個主題明確且能夠跳轉的 banner，因為它的受歡迎程度直接關係到點擊率與轉化率。

Banner 必須直白且準確地傳遞有效的購買信息，譬如特賣秒殺／滿減活動／專題活動等，信息越明確，越利於轉化。毋庸置疑，每個 banner 上都要帶有可跳轉的按鈕／文字／圖片，並且保證這些按鈕／文字／圖片在點擊后能一次進入帶有一個或多個商品的頁面。在消費者進行多次點擊時，跳出率會隨著這一系列「無用」的動作而增加，購買率也會隨著下降。

當然，可以選用幻燈片式 banner，但圖片間的跳轉速度不易過快，保持在 5-10s 左右是恰好的。

3、有內容有質量的 collection

綜合性電商可設置多個不同的 collection 版塊，以吸引消費者的目光，譬如新品首發／人氣推薦／節日必備／限時搶購／商品分類／賣家評論等。值得注意的是，

各個不同版塊的模板設計應是不同的、醒目且能快速分辨出的。版塊中出現的商品圖片清晰，背景簡單，純色為宜。為商品添加醒目的標籤，如爆品／顏色分類／折扣等信息。

新品發布

對於綜合性電商來說，新品 collection 是一種友善的提醒。它能夠及時告知消費者最近網站上新情況，消費者也可通過這個 collection 了解訊息。當然，collection 中的商品需要被標註信息，例如，人氣款／App 專享價格／多種顏色可選等標籤，方便消費者辨識。

人氣推薦

人氣推薦模塊給予品質、評論都不錯的商品更多曝光，能夠很好地促進消費者的購買。對於隨機購買的消費者來說，這起到了一個推薦作用或指出了一個方向，他們可以從這些人氣商品中進行挑選嘗試。對於有需求購買的消費者來說，這起到了借鑒作用。假設我是一個想購買電動牙刷但沒有想好具體要購買哪一款或者是什麼牌子的消費者，當我看到人氣推薦中正好有關於電動牙刷推薦，且這個商品的標籤是爆品，點擊到商品詳情頁，物品與評價確實都不錯，那麼我購買這款電動牙刷的概率便大大增加了。

當然，這些商品也需要打上不同的標籤，以便消費者識別。