天貓千萬級賣家美工經(jīng)驗(yàn)分享：如何打造無線端店鋪的視覺設(shè)計(jì)？

本文內(nèi)容講述的是雙11無線視覺方面的一些設(shè)計(jì)要點(diǎn)，指導(dǎo)大家做無線視覺布局及無線視覺營銷！ 一

、無線主圖 1、差異化設(shè)計(jì) 做好無線端主圖要注意幾個關(guān)鍵點(diǎn)，分別是差異化設(shè)計(jì)、聚焦賣點(diǎn)、營銷利益點(diǎn)、背景構(gòu)圖、雙11打標(biāo)

。需要準(zhǔn)備的工作包括產(chǎn)品規(guī)劃、產(chǎn)品布局、營銷布局、頁面布局、特殊預(yù)案、售前售后等

。 電商平臺中，同質(zhì)化競爭已經(jīng)這么嚴(yán)重，視覺放慢大家都達(dá)到了一個新高度，那么，接下來我們還能拿什么和對手拼？拿什么打動客戶呢？那就是視覺要和產(chǎn)品高度匹配，在無線端實(shí)現(xiàn)高度個性化

。 首先，我們可以先從無線主圖入手，進(jìn)行差異化設(shè)計(jì)

。無線主圖要做好注意6點(diǎn)，即人群定位、背景差異化、情景差異化、拍攝差異化、細(xì)節(jié)差異化、五張主圖一定要不同

。 其中，人群定位可以從生意參謀來看，要知道目標(biāo)人群的性別、分布地區(qū)、消費(fèi)能力等，了解他們的購物喜好和風(fēng)格偏好；背景有差異化的話，也可以讓產(chǎn)品容易被人看到

。不過，背景不要為了特殊和特殊，前提要能突出我們的產(chǎn)品

。情景化差異化則指根據(jù)人群設(shè)計(jì)產(chǎn)品頁面的情景，例如，目標(biāo)人群是小資派的話，圖片情景可以是咖啡廳等地方；拍攝則要強(qiáng)調(diào)質(zhì)感，做出fashion和大牌的感覺

。 細(xì)節(jié)差異化則指，做主圖的時候要注意細(xì)節(jié)，不是尺寸滿足就可以，而要考慮這個尺寸上傳過程有沒有銳化，或者上傳到手機(jī)端時候會不會變模糊

。最后一點(diǎn)很重要，主圖要多樣化，手機(jī)端打開詳情頁的速度可能比較慢，最好的效果就是讓用戶在看到主圖時就能選擇你

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

。 ３、營銷利益點(diǎn) 雙11期間，店鋪可以送禮物，可以買一送七，可以各種活動玩起來，但要注意的一點(diǎn)是，要把利益具象化

。你要送什么產(chǎn)品，可以從圖片展現(xiàn)出來，讓用戶更精準(zhǔn)地看到與自己相關(guān)的利益點(diǎn)

。另外可以策劃限時搶購，比如&ldquo

;特價一小時還送項(xiàng)鏈&rdquo

;

。雙11也是饑餓營銷，所以可以充分利用這個效果，提升轉(zhuǎn)化率

。 再看下邊兩張圖片，A產(chǎn)品的背景比較花哨凌亂，對產(chǎn)品突出并不突出，但第二張圖片背景就有差異化，而且有產(chǎn)品的不同角度比較，展示更多細(xì)節(jié)，這在無線端會有更多優(yōu)勢

。還有一個情景化的背景（如下圖），可以拉近客戶距離感，從而提升轉(zhuǎn)化率

。另外，美工在上傳圖片時還要記得銳化，保證照片可以清洗展現(xiàn)

。4、長圖（主圖） 有時候，同一款寶貝，同天上架，有的可以一天賣出幾百件，有的只能是幾十件

。其中一個問題就是，有的圖片打開速度太慢

。尤其是在無線端，很多用戶是用自己的流量在購物，誰的圖片打開速度快，客戶點(diǎn)擊率就高

。如何讓圖片打開速度快，就是要盡量減少詳情圖中圖片和文字混排的情況，盡量圖片就是圖片，文字就是文字

。 目前，已經(jīng)可以將商品的第6張圖設(shè)置為長圖，搜索頁面將調(diào)取長圖

。經(jīng)過測試，長圖的轉(zhuǎn)化率遠(yuǎn)遠(yuǎn)高于常規(guī)圖片

。（注：男、女裝類目和內(nèi)衣類目）

二、無線詳情 1、手機(jī)端獨(dú)立詳情：設(shè)置手機(jī)版寶貝詳情頁，可獲得流量傾斜、搜索加權(quán)、優(yōu)先展

示。 2、神筆：在詳情頁的圖片上設(shè)置sku，買家在閱覽詳情的過程中，看到喜歡的商品型號可以直接選中購買，通過神筆發(fā)布的無線圖文詳情手機(jī)加載內(nèi)存節(jié)省80

%。 3、返回首頁入口：在詳情的上面加有返回首頁按鈕的banner，和首頁形成閉環(huán)，打通流量堵

塞。 4、結(jié)構(gòu)布局：主視覺海報(bào)、色彩選擇、商品信息、商品聚焦賣點(diǎn)、情景化展示、模特展示、放大細(xì)節(jié)圖，缺一不

可。無線詳情注意要點(diǎn)：產(chǎn)品醒目、文字簡練、詳情6屏內(nèi)、圖片大

小。 商品詳情頁常用結(jié)構(gòu)可參考如下&mdas

h;&mdas

h; 5、字體規(guī)范：當(dāng)需要在圖片上添加文字時，中文字體大于等于30號字，英文和阿拉伯?dāng)?shù)字大于等于20號字；當(dāng)需要添加的文字太多時，建議使用純文本的方式編輯，這樣看起來更清

晰。 圖片規(guī)格建議是：（1）寬度480 &ndas

h; 620像素；（2）高度小于等于960像素；（3）格式為：JPG、GIF、PN

G。制作的時候一般用520像素寬的，這樣兼顧大屏和小屏手

機(jī)。

三、無線首頁 1、常用結(jié)構(gòu)2、結(jié)構(gòu)布局 3、流量分配 流量越大，首頁設(shè)計(jì)就越要進(jìn)行流量分配，盡量多使用活動專題，品類分類，上新的和二級頁面等，否則就要以聚合

為主。KA商家可以自定義設(shè)計(jì)首頁元素，中小商家建議用第三方模版即可，元素已經(jīng)規(guī)范好， 選適合自己流量分配的

模版。 4、營造

氛圍四、無線營銷 前期營銷活動要注意一個點(diǎn)，就是最大化的讓顧客加購物車和收藏，保證雙十一當(dāng)天最大化的轉(zhuǎn)化，提高和顧客的互動

和

粘性。。另外，也可以通過無限店鋪、微淘、微信公眾號等渠道的底端設(shè)計(jì)，讓用戶可以直達(dá)主推單品或主

推活動

這個問題還有疑問的話，可以加幕.思.城火星老師免費(fèi)咨詢，微V.信X號是為: msc496。