跨境電商B2C數(shù)據(jù)運營實訓（初級） 課件 模塊二：店鋪視覺設(shè)計

）培訓I

主講人

：葉楊翔乙竺

嚴。 呾屯巴 囡

i講師介紹Introduction浙江工貿(mào)職業(yè)技術(shù)學院，國貿(mào)專業(yè)主任、副教授。溫州市俊尚電

子商務(wù)

有限公司負責

人。速賣通官方院校講師、亞馬遜講師。201

6年開始運宮速賣通店鋪，主宮衛(wèi)

浴類目

，橙長新品推廣、亙通車推廣。2

01

8

年開始獨立運宮亞馬遜店鋪，北美站點

，月銷售

額6萬8美金（

單店鋪），挹長亞馬遜手動廣告的粗準推廣。乙

竺 f-)

竺

笠巴

囡

i目錄ContentO

竊

介紹與解讀＠ 內(nèi)容講解與實操O

課程回顧與展望考綱介紹與解讀又I

I

I

\I

、f、交＼I

I

I

ljI

、、I

、f....，乙

王罕

O

呾扭

Ill箏握跨境店鋪優(yōu)化的技巧及操作過程。了解跨境店鋪裝修的基本模塊及其內(nèi)容設(shè)置的壞節(jié)。莘握商品優(yōu)化的目的和設(shè)計思路與視覺效果的呈現(xiàn)。能力目標能夠處理產(chǎn)品主圖。能夠制作優(yōu)質(zhì)的商品詳惰頁。能夠裝修店鋪。思政目標培養(yǎng)精益求精的工匠精神。培養(yǎng)學生的審美惹識。內(nèi)容講解與實操又III\I

、文....產(chǎn)品主圖設(shè)計與制作又I

I

I

\I

、f、交＼I

I

I

ljI

、、I

、f....2.1 .1

產(chǎn)品主圖要求乙竺

嚴。 呾屯巴 囡

i1

、

速賣通產(chǎn)品主圖基本要求Sail{加(

1

)

建議背景底色為白色或純色圖片尺寸800*800及以上，圖

片橫

向

和縱向比例建議1:1-1:1:3之間(

2

)

圖片要求無邊框和水，印不允許拼圖(

3

)

LOGO統(tǒng)—

放在圖片左上角叩

nssh沁us

$40.4827sold*

sSan婦

SportsDanceShoesCla還

．．．us$70.0049soldFreeReturn；

加的7rn04

w

c沁n洶

,

飛

n

Store2.1.1

產(chǎn)品主圖要求1、速賣通產(chǎn)品主圖基本要－－求－童裝行業(yè)乙 竺

嚴。 呾屯巴 囡

i(1

)圖片背栗要求臼底

，或純色背景

，但要求店鋪統(tǒng)—背景風格

，模特居中展示需要占主體70%以上

，不允許有雜亂背景展示

，不允許加邊框和中文水印

，logo

統(tǒng)

—

放在

左上角三

張以

上

的(

2

)

允許兩張拼圖

，左圖模特右圖實物圖

，但不允許拼

圖—

，且主圖中只能(

3

)

實物圖可以平鋪

，但背景色和風格必須統(tǒng)出現(xiàn)

—

張主體圖 片(

4

)

主圖

建議為正方形、

800*800I

建議上傳

6張圖片

，第

長為正面圖 ，第二

張

側(cè)

面圖

，第三張背面圖

，第四

至五張產(chǎn)品的細節(jié)圖，第六張實物圖2.1

.1

產(chǎn)品主圖要求1、速賣通產(chǎn)品主圖基本要－－求－鞋行業(yè)乙 竺

嚴。 呾屯巴 囡

i(

1

)

圖片背差簡單唯—原則；建議不要（自然場景）或者純白，底以不妨

礙商品主體為用深色背景及光線較暗的實抇圖片(

2

)

重刮展示單只或者一雙鞋子（占據(jù)圖片60%以上的地方），最好整舌保持(3) Logo固定在圖片左上角，且Logo

不宜過大統(tǒng)—

，鞋子上不能出現(xiàn)水印(

4

)

圖片上不能出現(xiàn)多余文字，嚴禁出現(xiàn)漢字

，不能出

現(xiàn)任何促銷信皂(5)

圖片不要自己打圖標或者加邊框(

6

)

圖片尺寸800*800及其以上，圖片長寬比例保持1:1

,

圖片數(shù)量必須5張以上你會選哪個？乙 竺

嚴。 呾屯巴 囡

i主圖視覺營銷的重要性乙 竺

嚴。 呾屯巴 囡

iVision視覺Audition聽覺Olfaction哩覺Gustation昧覺Tactile觸覺2.1.1產(chǎn)品主圖要求1、速賣通產(chǎn)品主圖基本要求－－－學生實例Exa

mple呾屯巴 囡

iMul

ti

-

f

unc

t

io

na

l乙 竺

嚴。storage[iJ這個主圖存在哪些問題？及巳－r; .2.1 .

2

產(chǎn)品主圖設(shè)計技巧乙

竺 f-)

竺

笠巴

囡

i賣家

即

使不懂PS

,

但是

—

定要懂律

離點

擊率和

商精準流

晝的

主圖

設(shè)計方法?！?/p>

名美

工做產(chǎn)品

主圖

缺的不僅僅是

PS技術(shù)

，也有圖片策劃、設(shè)計的思維方法。某種程度上來講

，一張好的主圖決定了80%以上的點擊率

，如何設(shè)計出—張高點擊率的主圖

是所有賣家最關(guān)心的問

題。2.1

.2產(chǎn)品主圖設(shè)計技巧乙竺

嚴。 呾屯巴 囡

i1、白

底主圖2

、邊框主圖 3、背景主圖＊平臺活動報名要求是臼底主圖，如果商品計劃用來參加活動，建議—開始就使用臼底主圖，增加報名成功的機率2.1

.2產(chǎn)品主圖設(shè)計技巧乙竺

嚴。 呾屯巴 囡

i避免牛皮窖主圖IFaKelLompensate

rn2.1 .

2

產(chǎn)品主圖設(shè)計技巧乙竺

嚴。 呾屯巴 囡

i技巧l主圖展示的產(chǎn)品要清晰、周圍擺件／物品只起到裝飾／襯托的作用2.1.2產(chǎn)品主圖設(shè)計技巧技巧2主圖背票要和展示的背景契合乙 竺

嚴。 呾屯巴 囡

i2.1 .

2

產(chǎn)品主圖設(shè)計技巧技巧3主圖設(shè)計要突出賣點帶來視覺沖擊乙竺

嚴。 呾屯巴 囡

iC}}心．，、．2.1.2產(chǎn)品主圖設(shè)計技巧乙竺

嚴。 呾屯巴 囡

i買家前端界面隨機瀏覽－你發(fā)現(xiàn)了什么？2021

Shower

Head

Water

SavingFl...NewinWTopsell,nginAJE,

xpressPressurizedShowerHeadHigh

Pre...ConseiwswaterZhangJiBathroom

-3Function

SPA.W

Top沁

hng1n燦

Express._....,

us

$5

.00us$15.95us

$9

.2116732sold*

4.88153sold*

4.86467sold*

4.8Free

ShippingFreeShippingFreeShipping

FreeReturnShowerHead

LEORainfallSh<YWer...N的

UserDealus$16.94U5

S34.!13S9沁Id*

4.6FreeShippingFree

Return2.1

.

3主圖的展示順序與內(nèi)容選擇乙竺

嚴。 呾屯巴 囡

i6

張

主圖是縮小版的 詳

清頁

，而詳情頁的各個部分都有它獨特的功能，可能是描述核心功能，可能是解決顧客問題

，那我們的

6張

主圖分別的功能是什么呢？6張

主圖是—個微縮版的 詳

情頁

，特別在移 動端

購物越來越盛的當下，很多消費者在

劃動6張主圖的時候，就已經(jīng)對產(chǎn)品有了—定的了解，在香完評論之后，心中就已經(jīng)形成了購買的意向，可見主圖的內(nèi)容和邏輯順序的噩要性。困

兇2

謂11

名2.1

.

3主圖的展示順序與內(nèi)容選擇乙竺

嚴。 呾屯巴 囡

i第—張

主圖 ：負責客戶 的點擊給客戶的視覺沖擊主圖的差異化—張好的主圖決定了80%以上的點擊率648

2

妞d*

??.,.,s,、;pplog 斤H

RCtum匹n

紗

VH叩.'""心"夕t"or?今Shipp心;

USSl.64應(yīng),

..w立,,..c00今ZhangJI

Both,oom

3-Fu心

Ion

SPA,_8110/12

Inch

Round

Sq歸

,e

St,

ln片，..Handheld

S心we,

He的

Hlgh

P,es,_陽'"'"'心'"'"'..,叩沁,.,.,n心-

=us

$9

.21LEOShowe,H?ad

Dig心

ITem

..

,.,,

.Cons?心s

wam··

-

- us

$15.601137sold*

4

7us$25.28-us$13.17311SOid*

?8...

..

.

..

戶ng'"-?>IJ\(;迦

e760sold*

4

7斤ffSn;pp;ngF'<ffR..

um也bt妞迦

s2.1

.

3主圖的展示順序與內(nèi)容選擇乙竺

嚴。 呾屯巴 囡

i1、??;

·、第二張主圖：負責核心功能的介紹／多角度的展示外觀2.1

.3主圖的展示順序與內(nèi)容選擇乙竺

嚴。 呾屯巴 囡

i仁l

廠tH

o·..---蛔｀．＂＇啊，一呼第

三張主圖

：負責解決買家錄關(guān)心的問題賣點介紹'-''2.1.3主圖的展示順序與內(nèi)容選擇乙竺嚴。呾屯巴囡

i、丿后（售患

等信

圖的

節(jié)"

銷

細圖

促

的主

品

品張

產(chǎn)

產(chǎn)四

責

些第

負

有II—-,lIl,

'Lf/．,Il

．

1．.l.-.v

I-』簟詳情頁視覺設(shè)計與制作又I

I

I

\I

、f、交＼I

I

I

ljI

、、I

、f....2.

2.1詳情頁設(shè)計要求基詳清頁包含本要索的乙 竺

嚴。 呾屯巴 囡

il關(guān)聯(lián)營銷］物流等基本信患］2.

2.1詳情頁設(shè)計要求乙竺旦 O

呾屯巴

囡i盡雖圖文分開；圖片上不要有太多的文字；圖片上的文字適度就好；The

large

size

Is

light

and

easy

to

receiveMapa

can

beUed

up

with

ro歸

a

whennotIn

use

forconvenient

stora扣圖片上的文字不

能自

動翻譯占`II/｀，I、I`Li、l'、

｀｀r,“，寸、冬『

／I＿、，廬、I”,、,、、1

/:I

I`,、、l，I｀厚I.l、,、"．夕．*

、、、,、I

1 、`，矗I“

企.，、、，、I、;f、·9今鼻皇6、{｀＼I

I

I、s`、、I、字、/、、I、I、.by-II

I義哼2.2.1詳情頁設(shè)計要求乙竺

嚴。 呾屯巴 囡

i關(guān)聯(lián)營銷推薦對千店鋪內(nèi)流量的分配以及二次轉(zhuǎn)化起到亙要作用關(guān)聯(lián)營銷—定是放你想要推廣的產(chǎn)品

，要

么

是

新品｀

產(chǎn)品信息橫塊是一種斷的管觀產(chǎn)品信息的方式，您可以為產(chǎn)品信息中的公共信息（例如．后竊流政策等）簟控創(chuàng)過一個鎮(zhèn)快，并在產(chǎn)品中引用．如巢您帽寰蠓改這鯊信息，只鍘簧傅改相應(yīng)的橫塊即可．模塊捻

了可以放重

公共信

息外，還可以

放覃關(guān)

默產(chǎn)品

（巳上線）

、跟時1111i等

（開發(fā)中） ．滇塊名你200

20402關(guān)莊嚴品頃塊內(nèi)容請蛐入產(chǎn)品名稱匕 分組v

日

產(chǎn)品負賈人v)

I到陰時問v

)

i:搜索0 1廠口1191句價0·山心叩如如

1ng歸盯oomtowel中"''°

0白心lonR

叩T°'

心,,._NoMa心No坎歸sSuctio

0巳WallM儀,ntedS

切,,.....,如SoopHolde<a.th_,,0Modem

DesignB

ia凸

S

paco

心

而

um

To,叫

R;ng

TW心

如

n

AOooos

E

d

心

otlo心

I

Coun6ng

MolhTool

M,0。一知

UV心

'、MUI讓lune心.,.Stmng

S心

如

T°"心I

R;ng

0Towel

RingTowel

Ra心

New

C<e叭沁，Bathmon、心心

。Kltct心n

Sto,叩e

BegT,_,I

泊

ck

Hongingca

如

.,c。口T""elRI心GoldNew

Cop盧

T心叩10s;m叩EasyI3M

$

虹.心,

心

心

oS

晌10ssS1eotH_,叩

I

Doo它＄它二:':::

。至f.-;:;

立

= 芯f

'2.

2.1詳情頁設(shè)計要求乙竺

嚴。 呾屯巴 囡

i關(guān)聯(lián)營銷推

薦—OVERVIEWCUSTO歸知鄧

14)SP!OllCAT心”=r CO?您為-＿._，飛,._.,!,!I.I．

也f令t

勺：!:＂侖I?",,.....,叩

..父鼠 11

:SG戊,ll

知悶.".'H.".六火f"""'.心.缸.，.心,...,心,,c.磁心.....女中一.,"·"伙.,...""'SOOD...,,.,,2.

2.1詳情頁設(shè)計要求梟巴

空

f-)

竺

血

m關(guān)聯(lián)營銷是指在一個寶貝頁面同時其放他了同類、同品牌可搭配等的有關(guān)聯(lián)的寶貝，由此達到讓客巴多看點_,_提高咸交墨的目的。廣勹2.

2.1詳情頁設(shè)計要求梟竺

f)- 竺

血

m'1VIRV11WCUSTO證

R

REVIEWS(0) SPECI氏

ATIONS悶""O 產(chǎn)品做了關(guān)聯(lián)營 銷，0 為什么效果不甚理想？··

'28

??氏心

-

心，印"""28穴“艾，-

心，印-USS0.62US

Sl

.011兀"""'盯,....,,c叫,

,...USS1.3028穴叩

-

心

巾叩丫US

SOA6“仄｀""'如0如

"°"""'仁csa,.,·,

0oo叩r,-,c.._,雹忙如

W儀心uOu,u

LO,b.,>,O,.叮闌心,r,蠡

c.

...US

S1.09US

S0.30USS0.62US

S2.172.

2.1詳情頁設(shè)計要求關(guān)聯(lián)產(chǎn)品選取的方法（

技巧）[1、

推

薦新品：[ 3、類似產(chǎn)品1[2、四

肖產(chǎn)品1

[

4、

周研

品

4梟 空

空

f-)

竺

血

m2.2.1詳情頁設(shè)計要求乙竺

嚴。 呾屯巴 囡

i產(chǎn)品規(guī)格詳清通過詳惜頁圖文介紹將產(chǎn)品的信患傳達給客戶

，提升

轉(zhuǎn)化率

，也同時降低后期的糾紛。TowelBa

rT

his

matt

e

black

towel

bar

can

properly

satisfyyourneedsforbasicbathroomaccessories,noneed

to

find

other

relevantproducts.Wa

ll

Mo

un

t

e

dAll

Installat

ion

Hardware

&

Installat

ionTool

(Alla

n

Wre

nch)2.2.2詳情頁內(nèi)分類及排列順序乙竺

嚴。 呾屯巴 囡

i[ 1

、商品展示類］產(chǎn)

品

、

色彩、細節(jié)、優(yōu)點、賣點2、吸引購買類賣點打動、情感打動、買家好評、熱銷情況3、交易說明類購買、付款、收貨、驗貨、退換貨、保修等4、促銷說明類搭配商品、促銷活動、等2.

2.2詳情頁內(nèi)分類及排列順序乙竺旦 O

呾屯巴

囡i店鋪運營產(chǎn)品＿＿實操展示

：

詳情頁內(nèi)容及分

類順序4+ 3 =

7店鋪裝修又I

I

I

\I

、f、交＼I

I

I

ljI

、、I

、f....2. 3

.1

店鋪裝修方式乙竺

嚴。 呾屯巴 囡

iAliExpress

Store ,

,.<Jiu

鑲塊修罰肋攫嚷》當?shù)牡暾埲蜓b修已

素材中心幫助中心

0

0,

0rlchard口巳 預見語言

0Engli

sh蕾頁新品

頁面自定義頁當前版本巨雪圈lSmartHomePage{2020·01·10.

扛最近更新時間：

2020

心

01

-10

04

:49:02“心-血

e．w-一 ．w-

一w一=其他版本·札Q

攢索頁面名符．～、一．:氣:.之:

.-

-::::.:二=--==:::一1i、

。，一· 白．＇

，．畸匾，一苞頁 (2

)

牡愚近更新時間 ：

2021-10·1204:超：36雪.更多操

作

V霆編，更多掾作V.I

.?--

..-:::主

＿＿首幣Ill

出22.

3

.1

店鋪

裝修方式乙竺

嚴。 呾屯巴 囡

i速

賣通店鋪的裝修頁面在2021年8月份進行了很大的改版。頂部切換器為店鋪內(nèi)的頁面構(gòu)成，每個頁

面都有各自的版本管理。版本管理分為【當前版本】和【其他版本】，當前

版本即為線上版本。賣家可以對多個版本進行管理并隨時發(fā)布為線上版本

，—

個版

本內(nèi)包括APP和

PC兩端，支持同

步裝修后臺實操展示2.3.1

店鋪裝修方式乙竺

嚴。 呾屯巴 囡

i"'濠如羲憂I葛文樊（．）I

品·應(yīng)列瓣lO)叉I.'".."'

.雙..,.血,檀悶佩稠＂塊I

""''""丘'薰鍋爽(5)速賣通裝修梩板改版之后，有很多新的梩塊，如下圖，包括：輪播圖、文本 圖文等，每個模板都有自己的 功能 ，可以

實現(xiàn)圖文的展現(xiàn)。賣家可以根據(jù)實際的需求清況進行選擇測試。＿ttom,

"''"'°"""'女"'"'""C

凜貳，雪，is,

ruo心O

僅扣無杖翼，．

[

...孺 [

… 產(chǎn)晶頑"

三三:::!::!'""'-四HU

.tine盧一2.3.1店鋪裝修方式乙竺

嚴。 呾屯巴 囡

i輪播圖能夠吸引消費者點擊，提升店鋪的訪問量，可以設(shè)詈店鋪的輪播圖。最多可以有5張ba

n

ne

r進行輪播，編輯方法與單圖梩式類似?？桑驾啿?/p>

圖上傳11!片．蕙議11!片寞攫,,??

,.

高匿不超過....,

.

ll

持）沁．PNGII!片格式，大小不得超過

2M隊

警求一組內(nèi)的11!片惠霪必瑾完全一玫令熾叩toUSU

OODID

口蒼叩，'"'"'"',

....中.

如,,心，·-·叩如”“中“”“心.,......口區(qū)重二二二，也四調(diào)翰入合法的無錢瑾

，．｀t令?令?令、/謁蟾入合，．的無錢誦

，．請憾入合法約無笠褪

，．［滇蛐入合法的無線譜

,1.．＋濠正"0BHH

dUne2.3.1店鋪裝修方式乙竺

嚴。 呾屯巴 囡

i＜熱區(qū)圖

文百熱區(qū)圖文的圖片，建議寬度750px

,

高度不超過960px。支持JP

G、PNG

圖片格式

，大小不

得超過

2

MB。＾V因HeadlineLD?

m如

m

虹

mod.o.Nun<

pha,e<,a

aUquot

mlNcq歸"·的ulo.Rhon<u>

nun,?

u<心

lod

n;,

,.,如”“立H;m,n,

oo,.Mo,b;dop;bu,,心u叩

Cfoug勾I"

"'"

'

·

Apt,

nl

qu?

m,

C<M.,,.,.n切;

，D B上傳圖

片．逮議圖

片寬瘦

7S卯X,

高瘦不超過

960px.

支持

JPG、PNGIII片格式，大小不得超過

2

MB.．添加圖片編填熱區(qū)．衛(wèi)瀛加執(zhí)區(qū)已 0

個陽區(qū)O

瞻腿幌塊下方的掏嚷2.3.2店鋪裝修的要點及注意事項乙

竺 f-)

竺

笠巴

囡

i2.

3

.

2

店鋪

裝修的要點及注意事頂乙竺

嚴。 呾屯巴 囡

i在照片中取色

后，可略

微

調(diào)整

成

近似

色

fB

i

g

g

e

九ullerhair"""'e印1?1>efo

1·e.2.3.2

店鋪裝修的要點及注意事頂主標題乙竺

嚴。 呾屯巴 囡

i引導購買2.3.2店鋪裝修的要點及注意事頂乙竺

嚴。 呾屯巴 囡

il

、

借

助適當?shù)墓饩€提高整個物品的殼度。2、盡壘使用與物品形成鮮明對比的背景。(

1

)

利用—

塊平整的有顏色的布作為背泉

，以

便

突

顯

出

您

的

物品。純白色背泉可以為黑色物品以及某些珠寶帶來很強烈的對比效果。(

2

)

避免使用雜亂的背泉

，這

樣

會

轉(zhuǎn)移

買

家

的

注意

力

，或

者

讓

他

們

搞

不

清

哪

—

件

是您要賣的東西。3、從某個角度近距離地拍棍—

些物品的細節(jié)部分

，可以 較

好

地

展

示

物品材料和質(zhì)地。2.3.2店鋪裝修的要點及注意事頂乙竺

嚴。 呾屯巴 囡

i4、圖片應(yīng)拍攝的足夠大，方面展示物品的各個細節(jié)部分，需要時可以讓圖

片占 滿整

個圖片框。5、

拍棍物品的

某些細節(jié)和多

角度（

正面、背面、側(cè)

面、

頂部

）的特寫

，以

便

潛

在

買

家可以全面的了解物品的實