天貓千萬級賣家美工經驗分享：如何打造無線端店鋪的視覺設計？

　　本文內容講述的是雙11無線視覺方面的一些設計要點，指導大家做無線視覺布局及無線視覺營銷！

一、無線主圖

　　1、差異化設計

　　做好無線端主圖要注意幾個關鍵點，分別是差異化設計、聚焦賣點、營銷利益點、背景構圖、雙11打標。需要準備的工作包括產品規劃、產品布局、營銷布局、頁面布局、特殊預案、售前售后等。

　　電商平臺中，同質化競爭已經這么嚴重，視覺放慢大家都達到了一個新高度，那么，接下來我們還能拿什么和對手拼？拿什么打動客戶呢？那就是視覺要和產品高度匹配，在無線端實現高度個性化。

　　首先，我們可以先從無線主圖入手，進行差異化設計。無線主圖要做好注意6點，即人群定位、背景差異化、情景差異化、拍攝差異化、細節差異化、五張主圖一定要不同。

　　其中，人群定位可以從生意參謀來看，要知道目標人群的性別、分布地區、消費能力等，了解他們的購物喜好和風格偏好；背景有差異化的話，也可以讓產品容易被人看到。不過，背景不要為了特殊和特殊，前提要能突出我們的產品。情景化差異化則指根據人群設計產品頁面的情景，例如，目標人群是小資派的話，圖片情景可以是咖啡廳等地方；拍攝則要強調質感，做出fashion和大牌的感覺。

　　細節差異化則指，做主圖的時候要注意細節，不是尺寸滿足就可以，而要考慮這個尺寸上傳過程有沒有銳化，或者上傳到手機端時候會不會變模糊。最后一點很重要，主圖要多樣化，手機端打開詳情頁的速度可能比較慢，最好的效果就是讓用戶在看到主圖時就能選擇你。　　２、聚合所有賣點

　　聚合所有賣點，先加法，再減法，也就是說，把所有賣點集中起來，然后把其中可以減去的去掉，留下最精準最核心的賣點。

　　３、營銷利益點

　　雙11期間，店鋪可以送禮物，可以買一送七，可以各種活動玩起來，但要注意的一點是，要把利益具象化。你要送什么產品，可以從圖片展現出來，讓用戶更精準地看到與自己相關的利益點。另外可以策劃限時搶購，比如“特價一小時還送項鏈”。雙11也是饑餓營銷，所以可以充分利用這個效果，提升轉化率。
　　　再看下邊兩張圖片，A產品的背景比較花哨凌亂，對產品突出并不突出，但第二張圖片背景就有差異化，而且有產品的不同角度比較，展示更多細節，這在無線端會有更多優勢。　　還有一個情景化的背景（如下圖），可以拉近客戶距離感，從而提升轉化率。另外，美工在上傳圖片時還要記得銳化，保證照片可以清洗展現。　　4、長圖（主圖）

　　有時候，同一款寶貝，同天上架，有的可以一天賣出幾百件，有的只能是幾十件。其中一個問題就是，有的圖片打開速度太慢。尤其是在無線端，很多用戶是用自己的流量在購物，誰的圖片打開速度快，客戶點擊率就高。如何讓圖片打開速度快，就是要盡量減少詳情圖中圖片和文字混排的情況，盡量圖片就是圖片，文字就是文字。

　　目前，已經可以將商品的第6張圖設置為長圖，搜索頁面將調取長圖。經過測試，長圖的轉化率遠遠高于常規圖片。（注：男、女裝類目和內衣類目）

二、無線詳情

　　1、手機端獨立詳情：設置手機版寶貝詳情頁，可獲得流量傾斜、搜索加權、優先展示。

　　2、神筆：在詳情頁的圖片上設置sku，買家在閱覽詳情的過程中，看到喜歡的商品型號可以直接選中購買，通過神筆發布的無線圖文詳情手機加載內存節省80%。
　　3、返回首頁入口：在詳情的上面加有返回首頁按鈕的banner，和首頁形成閉環，打通流量堵塞。

　　4、結構布局：主視覺海報、色彩選擇、商品信息、商品聚焦賣點、情景化展示、模特展示、放大細節圖，缺一不可。　　無線詳情注意要點：產品醒目、文字簡練、詳情6屏內、圖片大小。

　　商品詳情頁常用結構可參考如下——
　　5、字體規范：當需要在圖片上添加文字時，中文字體大于等于30號字，英文和阿拉伯數字大于等于20號字；當需要添加的文字太多時，建議使用純文本的方式編輯，這樣看起來更清晰。

　　圖片規格建議是：（1）寬度480 – 620像素；（2）高度小于等于960像素；（3）格式為：JPG、GIF、PNG。制作的時候一般用520像素寬的，這樣兼顧大屏和小屏手機。

三、無線首頁

　　1、常用結構　　2、結構布局
　　3、流量分配

　　流量越大，首頁設計就越要進行流量分配，盡量多使用活動專題，品類分類，上新的和二級頁面等，否則就要以聚合為主。KA商家可以自定義設計首頁元素，中小商家建議用第三方模版即可，元素已經規范好， 選適合自己流量分配的模版。

　　4、營造氛圍四、無線營銷

　　前期營銷活動要注意一個點，就是最大化的讓顧客加購物車和收藏，保證雙十一當天最大化的轉化，提高和顧客的互動和粘性。。另外，也可以通過無限店鋪、微淘、微信公眾號等渠道的底端設計，讓用戶可以直達主推單品或主推活動。