我們采用經典模型【WHY - WHAT - HOW】來分析網站商品卡片的優化。


      WHY?

      為什么我們要對網站列表頁商品卡片進行優化?


      因為在引流投放過程中,落地頁除商品詳情頁外,列表頁承擔了流量入口的重要角色,因此顯得尤為重要。商品列表的搭配、排版布局、選項配色和配圖等元素很大程度上體現了網站的專業性。網站表現得越專業,越能贏得客戶信任并實現轉化。


      WHAT?

      為什么我們要對網站列表頁商品卡片進行優化?


      在Shopify中商品列表頁上顯示的產品標簽,它包含產品的標題、價格、圖片、描述等信息。這些卡片通常顯示在列表頁的商品展示區。此外,這些卡片還可以添加到其他頁面以展示產品信息。商品卡片可分為商品標簽、商品圖片、標題、價格和附加信息(變體選項/評分)。這些元素的組合都是可以進行優化的。


      HOW?

      怎么去優化網站商品卡片?


      我們從商品卡片的組成入手即可。整體搭配要和諧統一,必要的元素完備并且能夠區分主次。


      我們先一起來看幾個例子,大概就會有一些想法了。


      拆解示例?1


      請嘗試列舉一下該商品卡片的優缺點。

      答案

      點擊下方空白處獲得答案

      優點:該商品卡片具備所需的要素,相對比較完整。


      缺點:

      · 視覺風格缺乏統一性,顯得凌亂。同一行商品展示三種主圖顏色差異極大的商品圖,影響用戶視覺感受。此外,不同類目商品排列在一起,會讓人感覺不統一,可考慮分門別類陳列。

      · 商品標題過于隨意,未能體現商品的實際價值。在先前的文章中我們曾提到過,商品價值應在標題中得到準確反映。

      · 價格對比不明顯,無法展現特價優勢。盡管所有商品都有Save標簽,但看起來有點虛假。

      如果讀者能夠回答上述幾點問題,那么恭喜您,表示您已經對如何優化產品卡片有了一定的認知,并且有了一定的思路。接下來我們將對作者認為比較完善的商品卡片進行分析和拆解,并與大家分享。


      拆解示例?2


      優點:

      · 風格統一,無突兀之感,專業性高。

      · 標題設計精致,加粗字體突顯商品類型,非加粗字體凸顯適用設備,明晰主次。

      · 商品標簽差異化明顯。


      缺點:留白較多,顯得空曠;價格區分不明顯。


      拆解示例?3


      優點:

      · 風格統一,不突兀,顯得專業。

      · 標題有一點小設計,搭配品牌標識。

      · 商品圖片標簽獨具差異性,互動性強。

      · 商品價格分了主次,有OFF標簽且不突兀。

      · 有商品評論(社會憑證)。


      缺點:筆者認為不足之處在于商品標題過于簡潔,未完全呈現商品價值。


      好了,以上就是商品卡片優化的全部內容,如果有更好的想法歡迎大家后臺留言進行交流。各位運營/站長,建議參照這些要點檢視自己的網站是否存在改進的空間。下期更加精彩,敬請期待。

      最后祝各位小伙伴假期旅途愉快,回來繼續打工~~~

      ·END·

      期待你的

      分享

      點贊

      在看


      點贊(24) 打賞

      評論列表 共有 0 條評論

      暫無評論

      服務號

      訂閱號

      備注【拉群】

      商務洽談

      微信聯系站長

      發表
      評論
      立即
      投稿
      返回
      頂部