大多數電子商務平臺都有標準布局。他們的產品頁面設計相對傳統,具有從左到右的顯示和占主導地位的圖像。號召性用語幾乎總是出現在頂部附近,尤其是在移動設備上。但規范并不總是最好的,了解受眾偏好的品牌可以打破常規,利用優質頁面布局來提高轉化率。以下為相關實例:
Bird Rock Coffee Roasters知道什么對客戶來說很重要。因此,它提供了高于 CTA按鈕的關鍵細節信息展示,包括咖啡豆的生長高度(與酸度相關)和烘焙水平。這有助于購物者做出即時購買決定。Bird Rock 意識到挑剔的咖啡飲用者通常更看重細節而不是價格。
上圖是在桌面上,在傳統的移動視圖中,購物者必須滾動兩個或更多屏幕才能到達 CTA按鈕。即使在移動設備上,Bird Rock 也會將最搶手的細節放在 CTA按鈕?之上,從而降低購物者在別處尋找答案的可能性。
Nixon是一個生活方式配飾品牌,它在移動設備和桌面設備上提供了不同的體驗。在臺式機上,它將產品圖像放置在頁面中心,位于描述和 CTA 按鈕之間。但在移動設備上,首先顯示主圖像,然后是產品選項、添加到購物車和描述。桌面視圖便于從左到右閱讀,展示購買的關鍵原因。PC端和移動端的兩個視圖都提供了每個變體的縮略圖,以加快選擇顏色和材料配置的速度。
銷售健身服裝和配飾的Gymshark專注于產品圖片。在桌面上,照片(有時是視頻)網格占據了整個左側。在移動設備上,縮略圖足夠大,可以查看核心細節。通過移動設備上的固定 CTA按鈕,購物者只需查看屏幕底部即可將產品添加到購物車。通過輕松放大自動顯示其他圖像可減少點擊和滑動,從而降低放棄率并增加轉化率。