提升轉化率的電子商務網頁設計最佳實踐

電子商務網站的存在是為了一件事：產生銷售。

但是為了讓客戶購買，您的電子商務網站必須針對在線轉化進行優化。

Nyraju 皮膚護理診斷審核和戰術重新設計

SiteTuners 與 Nyraju Skin Care（非洲裔美國人天然和有機護膚品市場的先驅之一）合作，對他們的電子商務網站進行了戰術性的重新設計。 Nyraju 希望通過優化登陸頁面和電子商務渠道來增加在線銷售額和收入。

增加電子商務銷售額的第一步是消除成功轉換的摩擦源和障礙。 SiteTuners 對 Nyraju 的關鍵任務頁面進行了診斷審核，以確定阻止訪問者轉換的設計和可用性問題。 然後，我們建議改進以解決這些問題並幫助 Nyraju 從速贏中受益。

根據 SiteTuners 的建議，Nyraju Skin Care 修改了其電子商務漏斗中的關鍵任務登錄頁面。 這些變化導致轉化率增加了高達 277% ！

SiteTuners 對 Nyraju Skin Care 的建議基於以下原則：

1. 建立信任
2. 具有相關性
3. 擁有強大的價值主張
4. 始終如一
5. 消除乾擾
6. 有明確的號召性用語
7. 讓用戶輕鬆轉換

微調 Nyraju 的電子商務頁面

  Nyraju Skin Care 希望增加其電子商務網站的轉化率，但不想進行重大的網站重新設計。 相反，他們利用 SiteTuners 在戰術重新設計方面的專業知識來優化他們現有的登錄頁面。

在整容之前，Nyraju Skin Care 的整體轉化率為 1.31%。 主頁的轉化率為 2.10%。

SiteTuners 審查了對客戶購買決策產生重大影響的登錄頁面。 然後，Nyraju Skin Care 實施了 SiteTuners 對其登錄頁面的建議更改，並使用他們的分析工具監控性能。

以下是著陸頁的原始版本和優化版本：

通常，新訪問者首先登陸 Nyraju 的主頁。 如果他們沒有想到特定的產品，他們會點擊他們感興趣的類別，如下所示：

然後，他們單擊產品詳細信息頁面：

如果訪問者單擊添加到購物車按鈕，她會立即被帶到下面的購物車頁面：

Nyraju Skin Care 的轉化目標是完成銷售。

我們發現了 Nyraju 電子商務漏斗中的轉換漏洞，並根據以轉換為中心的設計原則建議更改其著陸頁。 這些 CRO 原則是 SiteTuners 設計直觀、有說服力和引人入勝的Web 體驗框架的核心。

1. 建立信任

信任是電子商務交易的基本要素。 如果您的網站沒有傳達可信度，您的用戶不會向您購買。 作為您的公司和品牌的在線代表，您的網站必須具有簡潔、專業和一致的設計，以激發訪問者的信心。 擁有突出的信任符號並遵循網絡慣例也有助於用戶培養對網站的熟悉感。

在 Nyraju 的案例中，最初的主頁看起來雜亂無章，主要內容區域上有太多的優惠（包括自動滑塊），而且還有用於搜索引擎優化的大塊文本。 最大的信任元素——電話號碼——融入了背景。 其他信任符號（BBB，100% 保證安全）位於頁面底部，這使得它們無效。 大多數人不會滾動到頁面底部，因此他們不會看到任何信任徽標。

我們建議通過移除旋轉橫幅並將其替換為單個優惠來整理內容區域。 我們還建議添加客戶徽標以加強信任。 我們將一些元素（如搜索欄和電話號碼）移至頁面上更標準的位置。

2. 相關

訪問者最初會在幾秒鐘內決定他們是否對您的網站感覺良好。 您的目標網頁與用戶意圖的匹配程度會極大地影響該決定。

• 首先，登陸頁面必須反映用於吸引訪問者的廣告信息和關鍵字。
• 接下來，著陸頁應提供有關所宣傳產品/服務的有用信息。
• 最後，著陸頁應該有很好的可用性和用戶體驗。

在 Nyraju 的案例中，登陸主頁的訪問者可以毫不費力地了解公司銷售的產品。 但是，如果客戶直接登陸產品頁面，則消息不足以匹配意圖。

SiteTuners 建議在內容區域使用視覺導航，例如基於圖像的類別來代替滑塊。 這樣，訪問者可以自行選擇和自行導航。 他們還將立即知道可以從電子商務商店購買哪些產品，而不必閱讀文本。 在這種情況下，圖像是一種更快的導航工具。

3. 有強烈的價值主張

價值主張讓訪問者知道為什麼他們應該從您的公司購買； 對他們有什麼好處。 擁有強大的價值主張對於說服訪問者採取行動至關重要。

Nyraju Skin Care 最初的登錄頁面承諾提供 100% 天然黑色護膚品，但這並不清楚。 他們還依靠冗長的文字來解釋他們產品的好處。 但是人們一般不會在網絡上閱讀文字，所以他們必然會錯過這些要點。

您的網站應該關注利益，以便訪問者完全了解他們應該購買產品或服務的原因。 我們建議結合使用圖像和要點來使價值主張更加明顯。 我們還鼓勵放置“之前”和“之後”的圖片，以向訪客展示使用 Nyraju 產品的好處。

4. 保持一致

設計、品牌和信息的一致性對於獲得訪問者的信任至關重要。 實現一致性不僅僅是擁有專業外觀的登錄頁面，還包括在整個漏斗中保持信息氣味。

Nyraju 最初的主頁和登錄頁面嚴重缺乏設計一致性。 頁面上的某些元素與其他元素不匹配，例如標題和視覺效果。 在產品頁面上，評論產品的圖像被推高並與其他產品錯位，導致網站出現故障。 左側導航和內容推廣也引起了太多關注。

為了實現一致性，SiteTuners 建議對齊產品圖像並移除左側導航。 還鼓勵在產品頁面中包含標題和使用要點，以創建連續性。

5.擺脫分心

混亂會扼殺轉化。 登陸頁面應該沒有不必要的設計或交互元素，這些元素會分散訪問者完成任務的注意力。

Nyraju Skin Care 的主頁和登陸頁面在主要內容區域的元素太多：

• 有一個滑塊會自動移動，從一個類別更改為另一個類別。
• 幾個不相關的促銷橫幅也爭奪遊客的注意力。

為了消除乾擾，我們建議將滑塊和促銷替換為基於圖像的頂級類別導航。 我們還建議刪除類別和產品詳細信息頁面上的左側導航，因為它不會為頁面增加任何價值。

6.有明確的號召性用語

Clarity 減輕了訪問者對在線交易風險的恐懼。 從用戶的角度來看，它還增加了登錄頁面的透明度。 為了清晰起見，必須擁有清晰的信息架構、良好的文案和清晰的號召性用語。

SiteTuners 通過提高主要號召性用語的可見性來提高清晰度。 我們還建議更改視覺層次結構和按鈕副本，以更好地使它們與用戶意圖保持一致。 例如，Nyraju 可以在視覺導航中包含他們最暢銷的樣品套件的照片，以便首次訪問者可以輕鬆找到它。

7. 讓用戶輕鬆轉換

易用性是在線轉換的重要因素。 訪問者應該會發現一個簡單而輕鬆的登錄頁面，而不會出現令人沮喪的用戶體驗問題。 他們不應該花費太多的精力來完成網站上的任務。

除了整理 Nyraju Skin Care 網站外，SiteTuners 還強調遵循網絡慣例，以使網站導航更容易。 我們還建議改進網站搜索以提高產品的可查找性。

結果 

在實施 SiteTuners 的建議後，Nyraju 跟踪了優化登錄頁面的性能。

結果表明：

• 首頁轉化（訪問者登陸首頁然後完成購買）增加了 22.85%
• 面部類別頁面轉化（訪問者登陸面部產品和購買）增加了 98.4%
• Nyraju 最暢銷的天然護膚樣品套裝的轉化率增加了 277.5%

重新設計後，其他產品詳細信息頁面經歷了小幅提升。

總體而言，Nyraju Skin Care 的收入和訂單量翻了一番。

結論

談到電子商務，只有一件事真正重要：底線。

增加銷售額和收入的第一步是消除網站轉換的障礙。 根據經過測試和驗證的轉化優化登陸頁面原則優化您的登陸頁面，您就可以在增加電子商務銷售和收入的道路上順利進行。