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

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

相較於垂直類電商,綜合性電商商品種類繁多,數量也更為龐大。因此,在搭建網站上更具難度。嘿店 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 專享價格/多種顏色可選等標籤,方便消費者辨識。

人氣推薦

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

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

限時搶購

限時搶購是一種很好的營銷手段,以特賣的形式,定期定時推出商品。限時限量是這個品類的噱頭所在,就消費者心理而言,在限制且短時間內的折扣活動是具有吸引力的,能加速他們做出購買行為。

商品分類

導航菜單欄上的商品分類也可在首頁進行展示。banner 以主推商品/折扣優惠為主,以便迅速吸引消費者目光。在 banner 下方可放置一些推薦商品,商品不宜過多,4 個適中。

4、信息明確的 footer

footer 部分可放置一些沒有商品信息的說明類導航,例如,關於我們/售後服務/幫助中心等內容。當然可以根據情況,選擇再次顯示主導航菜單。

mobile 端

1、清晰醒目的頂部搜索欄/底部標籤導航欄

頂部固定搜索欄便於消費者們隨時找到想要檢索的產品,提供了很好的購買體驗。底部不同的 tags 也方便了他們的購買。首頁/分類/購物車/我的,這四個標籤選擇是必要的,當然標籤的名字可作更改,但不建議改為複雜的名稱。畢竟手機端的購買還是以簡潔明了為出發點。

2、有吸引力的首頁 banner

與 pc 端 banner 相同,mobile 端的首頁 banner 也需要明確的主題、有吸引力的文案與能夠跳轉的按鈕,同時可以備註物流相關信息,令消費者感到貼心。

3、恰當分類、數量適中的 section

首頁需要出現一定量的產品分類版塊,4 個版塊是合適的,這樣消費者可以滑動 5-6 次到達首頁底部。如果超過 8 個產品分類版塊,那麼在滑動過程中他們便會喪失興趣,以至於離開。

產品分類的名稱需要有統一的格式,便於消費者記憶。譬如玩物志的酷黑科技/解憂雜貨/吃貨最愛等名字,4 字文案,簡單上口、更易理解。

版塊 banner 要帶有可跳轉的圖片/文字/按鈕,確保點擊進入商品頁面。banner 下方的商品不易過多,盡量選擇橫向滑動頁面形式,以便節省空間。

總結:綜合性電商網站首頁基本素養

pc 端:

  • 分類清晰的導航欄
  • 主題明確並跳轉的 banner
  • 有內容有質量的 collection
  • 信息明確的 footer
  • 導航欄/各版塊風格必須符合品牌定位,且 logo 與主題色調保持一致。
  • 登錄/註冊按鈕醒目
  • 購物車標識醒目
  • 網站搜索欄位置突出

mobile 端:

  • 固定搜索欄與底部標籤導航醒目
  • 背景簡潔明了,純淺色為宜,以便突出商品
  • 主題明確、有吸引力、能跳轉的 banner
  • 分類、數量均恰當的 section,橫向滑動頁面更節約空間

圖片截取自網易嚴選官網與玩物志手機端

熱門推薦

本文由 一點資訊 提供 原文連結

一點資訊
寫了5860316篇文章,獲得23301次喜歡
留言回覆
回覆
精彩推薦