電商主圖該如何設(shè)計提高轉(zhuǎn)化率
發(fā)布時間:2021-12-30 09:29 [ 我要自學(xué)網(wǎng)原創(chuàng) ] 發(fā)布人: hh71427-2 閱讀: 2266

商品主圖設(shè)計作為電商公司運營過程中較為重要的一塊,是目前商家最關(guān)注的,也是獲得高點擊率的重要因素,那什么樣的的主圖才是好的設(shè)計呢?本文從視覺層面為大家一一分析。


主圖現(xiàn)狀


目前各大電商網(wǎng)站上的主圖琳瑯滿目、信息豐富,內(nèi)容基本涵蓋:商品圖+價格+各種利益點+若干功能點,把畫面撐的非常滿,這樣的話就導(dǎo)致同質(zhì)化非常嚴(yán)重,商品跳脫不出來,用戶也看不到重要信息,這個時候我們可能就要尋求一個差異化的點,那么到底什么樣的商品主圖設(shè)計才是一個好的設(shè)計,才能更好的賣貨呢?

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!

在眾多主圖中,我們總結(jié)主圖類型分為:純白底圖、純雜底圖、賣點圖、營銷圖、腰帶圖五大類。

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!


腰帶圖分析


我們這次重點來分析大家比較關(guān)注的腰帶圖設(shè)計

研究:根據(jù)以往 CTR 項目經(jīng)驗,在腰帶圖的內(nèi)容架構(gòu)上包含有:

  • 賣什么,也就是賣什么商品,這個時候商品的選擇就尤為重要,給用戶的第一直觀感覺,包含白底、雜底、設(shè)計氛圍場景;
  • 主打促銷信息,也就是腰帶內(nèi)容的選擇,包含價格、利益點、服務(wù)保障等;
  • 輔助信息,也就是商品的其他一些次要信息,包含功能點信息、次要利益點、勁爆利益點、服務(wù)保障等。

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!

 

Step1:賣什么-商品圖片的選擇

從視覺層出發(fā),那商品圖片應(yīng)選白底、雜底、還是設(shè)計場景氛圍呢? 我們來看看這三個背景的差異:

  • 白底圖:偏向商品本身的質(zhì)感,在用的時候商品圖需要高清,且能明顯體現(xiàn)商品外觀;
  • 雜底圖:偏向商品實際用途,讓商品融入場景中使用戶直觀感受到商品的用途;
  • 設(shè)計場景氛圍圖:當(dāng)手上商品圖不多,且很難表現(xiàn)商品的用途時候,就可以用到設(shè)計氛圍場景,也能夠突出商品的直觀感受。

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!

這個時候因為行業(yè)的差異化以及不同品類也存在著差異化,所以背景就會根據(jù)不同品類有不同的選擇:

  • 電腦數(shù)碼類:比較注重商品的品牌以及品質(zhì)感,這個時候商品圖就要突出質(zhì)感、高清以及外觀的可識別性,所以用白底圖就比較合適;
  • 家用電器類:比較注重商品的實際用途,如燃?xì)庠,空調(diào)等因為是用在生活中的場景,所以用有場景的雜底圖或者設(shè)計場景氛圍比較合適;
  • 美妝個護(hù)類:如高端護(hù)膚品比較注重商品的品質(zhì)感,這個時候用白底圖就比較合適,當(dāng)然也有一些護(hù)膚產(chǎn)品想要突出商品的功能或者用途,這個時候場景的雜底圖或者設(shè)計場景氛圍比較合適;
  • 母親親子類:比較注重柔軟,舒適,天然,安全的品質(zhì),這個時候用有場景的雜底圖或者設(shè)計場景氛圍就比較合適;等等

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!

當(dāng)然也有平臺的一些要求有些商品圖必須用白底圖,這時候也需要保障商品的質(zhì)感、高清、可識別性。

Step2:主打促銷信息-腰帶信息的選擇

在腰帶上信息不用太多,重點突出價格以及利益點即可,當(dāng)然也有一些品類的特殊性,突出的促銷內(nèi)容也會不一樣。

  • 零食類:做活動時候,不會針對單個的商品做促銷,一般都是所有商品參加活動,所以在腰帶上展示領(lǐng)券滿減的信息比較合適;
  • 家裝家居、家用電器: 比較大件的商品時候,用戶關(guān)注的是否保修、送貨上門,免費安裝等比較有服務(wù)保障等信息;
  • 美妝護(hù)膚品:用戶比較注重單個商品的促銷消息,如贈品就是很好的體現(xiàn)。

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!

Step3:輔助信息-其他次要信息的選擇

我們建議輔助賣點的次要信息不要超過 4 條,重點突出主要想表達(dá)的內(nèi)容即可,不用什么信息都往圖上放,不然用戶就不知道要看什么。

如上比喻:某商家需要主推某款取暖器商品為店鋪引流

背景:我們根據(jù)商品特性讓用戶融入場景中感受到取暖這個功能點,所以選擇圖片為設(shè)計氛圍場景來設(shè)計這一款商品主圖。

內(nèi)容:重點突出腰帶上的價格和利益點,讓用戶一目了然的知道這個主圖的重點,然后加入幾條商品的功能點輔助這款商品即可。

當(dāng)然也有為了達(dá)到促銷目的時候同時還會有一些次要利益點、贈品、勁爆利益點等的存在,這時候排版建議根據(jù)用戶習(xí)慣內(nèi)容最好保持在同一側(cè),除有勁爆利益點的時候可做對角線的排版突出這個利益點。

電商主圖該如何設(shè)計轉(zhuǎn)化高?來看京東的實戰(zhàn)分析!

 


當(dāng)然每個平臺和事業(yè)部都有自己的主圖要求規(guī)范,本篇主要在視覺上給大家的一些設(shè)計分析以及建議,大家還是要在遵守平臺規(guī)范的前提下來做設(shè)計。

電商視覺美工視頻教程
我要自學(xué)網(wǎng)商城 ¥90 元
進(jìn)入購買
文章評論
0 條評論 按熱度排序 按時間排序 /350
添加表情
遵守中華人民共和國的各項道德法規(guī),
承擔(dān)因您的行為而導(dǎo)致的法律責(zé)任,
本站有權(quán)保留或刪除有爭議評論。
參與本評論即表明您已經(jīng)閱讀并接受
上述條款。
V
特惠充值
聯(lián)系客服
APP下載
官方微信
返回頂部
分類選擇:
電腦辦公 平面設(shè)計 室內(nèi)設(shè)計 室外設(shè)計 機械設(shè)計 工業(yè)自動化 影視動畫 程序開發(fā) 網(wǎng)頁設(shè)計 會計課程 興趣成長 AIGC