即使使用一流的工具，如果沒有明確的設計清單和想法，設計過程也很容易脫離我們的設想。那么我們需要為建站做什么準備呢？

點擊這里，了解更多設計！同時還可以領取BigCommerce15天免費試用券

1.主頁。

2.類別頁面。

3.產品登陸頁面。

4.結帳頁面。

5.關于我們。

6.搜索欄和搜索結果頁面。

7.帳戶注冊和登錄表格。

8.電子郵件訂閱表格。

讓我們一一解決所有這些問題。

1.主頁。

主頁是與潛在客戶之間的第一個接觸點，也可以將其視之為我們在線業務的店面。一般來說打開頁面的三秒就會給人留下印象，所以我們要謹慎選擇主頁的設計。

高性能電子商務主頁通常都具備以下元素：

? 在標題或側邊欄部分刪除產品類別；

? 主打產品或當前優惠的主圖（或圖片滑塊顯示優惠）；

? 推薦產品、熱門商品或產品類別的策劃展示；

? 進入和退出彈出窗口或粘性優惠以保留。

不過，上面的結構不是被分割開的。主頁外觀的的決定性因素是我們所涉及的行業和客戶的偏好。

例如，Jeni冰淇淋會立即提示購物者是要從當地商店訂購外賣還是全國快遞。

來源：Jeni's

2.分類頁面。

頁面分類有助于整合你的產品并且進行優化。在數字化的時代，客戶需要即時信息。尤其是當他們使用移動設備時更是如此。因此，我們需要設置“快速訪問”來提升他們的購物體驗。

除了對用戶體驗至關重要之外，頁面分類還需要針對SEO （搜索引擎優化）進行優化。不正確的SEO可能會導致內容重復并削弱我們的頁面搜索結果中的排名。所以需要確保每個頁面：

? 具有描述性的、對SEO友好的URL；

? 具有用于類別描述的獨特文本；

? 在邏輯上適合整體信息架構；

? 具有用于對產品建議進行排序的附加過濾器。

Natori遵循所有這些原則，為買家創造愉快的瀏覽體驗：

來源： N ATORI

3.產品頁面。

產品頁面設計對于電子商務尤為重要。無論您是銷售T恤 還是輪胎，如果產品頁面看起來一般，流量和轉化數字永遠只會維持在一個很一般的程度。所以，產品頁面必須具有以下特點：

? 高質量的產品照片；

? 產品規格：名稱、顏色、尺寸、價格、主要功能；

? 購買并保存以備后用；

? 詳細的產品說明 ；

? 客戶評論；

? 相關產品（追加銷售和交叉銷售）。

然后，也可以添加一些額外的功能——優惠倒數計時器、視頻或 AR 演示等等！

4.結帳頁面。

根據Baymard Institute的說法， 許多因素會促使客戶放棄結賬：

資料來源：貝瑪德研究所

我們可以通過改進結帳頁面的外觀和付款流程來防止客戶流失。

? 為首次購物者啟用“訪客結賬”，并在他們完成購買后提示他們可以注冊帳戶；

? 減少必填表單字段的數量。平均而言，電子商務網站在結賬流程中 有12.8個字段 。但是您可以通過6到8個字段捕獲需要的所有客戶數據；

? 清楚地列出您接受的所有付款方式（例如借記卡或信用卡、Apple Pay、PayPal）；

? 在結賬前告知所有可能的費用。您可以放置彈窗，提示訪問者“免費送貨”的門檻是什么。在產品定價中加入手續費，在結賬前自動增加相應的的稅費。

5.關于我們頁面。

不要將“關于（About us）”頁面視為事后的想法，尤其是在B2B電子商務中。因為52%的企業買家 表示，他們想在供應商網站上看到的第一件事就是“關于我們”頁面。

有很多方法可以為電子商務公司制作一個有吸引力的“關于我們”頁面 ：

? 講一個關于產品的故事；

? 介紹你的團隊；

? 展示您的公司價值觀；

? 解釋用戶如何操作；

? 談談你的歷史；

? 或者展示你未來的愿景。

在設計方面，保持文本簡短和重點。避免推銷和CTA，但要使用優秀的團隊和產品視覺效果來賦能你的故事。

6.搜索結果頁面。

較大的電子商務商店需要仔細考慮現場搜索體驗。 

要創建出色的現場搜索體驗：

? 使搜索欄易于發現。

? 建議自動完成。

? 提供拼寫錯誤的詞匯的結果。

? 使用分析個性化搜索結果。

? 支持圖像搜索和文本查詢。

7.帳戶注冊和登錄表格。

不要在登錄表單上花太多時間。它們應該簡短、漸進且無摩擦。要求購物者首先提供基本信息（電子郵件/通行證），或者甚至使用他們的社交帳戶之一登錄。注冊過程中的每一個額外步驟都會增加流失的機會。注冊完成后請求運輸和賬單詳細信息。為了方便，你可以讓用戶保存他們的信息以便下次使用。

8.電子郵件通訊表格。

優秀的電子商務郵件營銷活動 可以為您的網站帶來重復流量并最大限度地提高轉化率。但在營銷之前，您需要建立您的電子郵件列表。為了吸引訂閱，請將您的通訊方式放在首頁的顯眼位置，并在頁腳區域保留一個粘性或彈出式版本。為了留住首次購物者，您還可以為訂閱提供小幅折扣。

點擊領取BigCommerce15天免費試用券，開始你的建站設計之旅！

（編輯：江同）

以上內容僅代表作者本人觀點，不代表雨果跨境立場！如有關于作品內容、版權或其它問題請于作品發表后的30日內與雨果跨境取得聯系。