Jinn Gree專營淘寶C店視覺營銷設(shè)計方案

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

目錄

1JinnGree專營淘寶店鋪概況..........................................1

1.1女包類目淘寶店鋪發(fā)展現(xiàn)狀......................................1

1.2JinnGree專營淘寶店鋪現(xiàn)狀.....................................1

2JinnGree專營淘寶店鋪視覺營銷分析..................................2

2.1競爭對手分析..................................................2

2.1.1競爭對手店鋪1...........................................2

2.1.2競爭對手店鋪2...........................................4

2.2店鋪視覺營銷定位分析..........................................7

2.2.1店鋪產(chǎn)品定位分析.........................................7

2.2.2店鋪消費者人群定位分析...................................8

2.3店鋪風(fēng)格分析..................................................8

2.4店鋪色彩分析..................................................8

3JinnGree專營淘寶店鋪視覺設(shè)計......................................9

3.1店鋪版式設(shè)計..................................................9

3.1.1首頁版式設(shè)計.............................................9

3.1.2產(chǎn)品詳情頁1版式設(shè)計....................................10

3.1.3產(chǎn)品詳情頁2版式設(shè)計....................................11

3.2店鋪文案策劃.................................................12

3.2.1首頁文案策劃............................................13

3.2.2產(chǎn)品詳情頁1文案策劃....................................14

3.2.3產(chǎn)品詳情頁2文案策劃....................................14

4JinnGree專營淘寶店鋪視覺效果制作.................................15

4.1店鋪首頁效果圖制作...........................................15

4.1.1店招設(shè)計過程............................................15

4.1.2海報制作................................................16

4.1.3其他區(qū)域制作............................................17

I

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

4.2產(chǎn)品詳情頁1效果圖制作.......................................19

4.2.1主副圖效果圖............................................20

4.2.2產(chǎn)品詳情頁1效果圖......................................21

4.3產(chǎn)品詳情頁2效果圖制作.......................................24

4.3.1主副圖效果圖............................................24

4.3.2產(chǎn)品詳情頁2效果圖......................................25

5總結(jié)...............................................................27

參考資料............................................................28

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

JinnGree專營淘寶C店視覺營銷設(shè)計方案

1JinnGree專營淘寶店鋪概況

JinnGree淘寶C店成立于2021年，經(jīng)營范圍是日常生活中頻繁使用的女

包產(chǎn)品，輕奢質(zhì)感的小眾時尚潮流包，簡約休閑，經(jīng)典感強。年輕人日常通

勤、外出都很百搭，主打斜挎包，單肩包。

1.1女包類目淘寶店鋪發(fā)展現(xiàn)狀

依托互聯(lián)網(wǎng)的高速發(fā)展，網(wǎng)絡(luò)購物已經(jīng)成為社會普遍現(xiàn)象。網(wǎng)絡(luò)購物消費

逐年增加，我國女包的市場也在不斷發(fā)展。

數(shù)據(jù)顯示，2019年中國消費市場中女包的市場規(guī)模已經(jīng)超過了6000億元

人民幣，且每年都保持著10%以上的增速。在日趨增長的消費水平和需求帶動

下，女包市場的規(guī)模還在不斷擴(kuò)增。但如何立足市場，在眾多品牌競爭中脫穎

而出，獲得消費者的青睞，成為國內(nèi)各女包品牌在努力尋找的方向。

女包是我國箱包市場的一個重要分類，主要消費群體是女性為主。盡管女

包并不是剛需產(chǎn)品但隨著女性消費水平的提高，行業(yè)需求也不斷增加，市場也

逐漸往中高端方向發(fā)展。

圖12022年中國女包行業(yè)發(fā)展現(xiàn)狀

1.2JinnGree專營淘寶店鋪現(xiàn)狀

JinnGree專營淘寶C店于2021年成立，主要群體是年輕女性消費群體，

為吸引消費者的光顧，誘導(dǎo)買家進(jìn)行消費，因此店鋪設(shè)置了一些優(yōu)惠活動。

1

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

如：

（1）金額達(dá)到179元可領(lǐng)取10元優(yōu)惠券（可疊加淘寶滿減活動使用）。

（2）金額達(dá)到299元可領(lǐng)取20元優(yōu)惠券（可疊加淘寶滿減活動使用）。

（3）金額達(dá)到300元可領(lǐng)取30元優(yōu)惠券（可疊加淘寶滿減活動使用）。

（4）全店商品贈送運費險，且提供7天無理由退貨服務(wù)。

店鋪活動時間為2022.2.01-2022.2.05

2JinnGree專營淘寶店鋪視覺營銷分析

在社會發(fā)展歷程中，無論男人還是女人，都是視覺動物，目光所及都會是

自己所偏好的事物。與傳統(tǒng)實體店相比，網(wǎng)店更能讓消費者直觀地感知商品，

因此，我們需要更加出色的視覺效果，才能讓消費者點擊購物。如果視覺效果

不佳，消費者很難點擊，從而使得商品無法被消費者所接受，就像商品名稱一

樣，它不能吸引消費者，但它卻能夠讓消費者產(chǎn)生共鳴。所以，本店將從競爭

對手、視覺營銷定位、風(fēng)格和色彩方面做好視覺營銷分析。

2.1競爭對手分析

俗話說知己知彼方能百戰(zhàn)不殆。通過分析本店的競爭對手，來了解其店鋪

經(jīng)營狀況和對應(yīng)的產(chǎn)品信息，從而對其優(yōu)點進(jìn)行學(xué)習(xí)，對其現(xiàn)有的缺點進(jìn)行參

照改正。進(jìn)行競爭對手分析的目的是通過了解競爭對手的信息，獲知競爭對手

的發(fā)展策略以及行動，以作出最適當(dāng)?shù)膽?yīng)對。

2.1.1競爭對手店鋪1

同行業(yè)中本店鋪主要競爭對手之一是TOUTOU旗艦店。該旗艦店網(wǎng)址為

/?spm=a1z10.1-b-s.1997427721.d4918089.79e0152duVpF1U

入駐天貓店鋪已有9年時間，粉絲數(shù)有274萬人，DSR評分為4.8分，總體還

是比較偏高的。由于臨近38節(jié)大促，風(fēng)格主要偏向于清冷感，給人一種高級

輕奢的感覺。該店的目標(biāo)人群為中高端客戶，主打簡單的輕奢風(fēng)，包包顏色比

較全，經(jīng)典黑白棕三色和其余比較白搭的顏色都有。店鋪的產(chǎn)品價格屬于中等

偏上，有些是非常適合學(xué)生黨與消費水平不高的上班族，也有適合高檔人群的

女性包包。定位主要為中高檔人群。

競爭對手的店鋪視效果對于本店的視覺效果設(shè)計具有重要的參考價值。所

以必不可少地要對其視覺效果進(jìn)行分析。TOUTOU旗艦店視覺效果分析如表1

所示。

2

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

表1“TOUTOU旗艦店”視覺效果分析

效果

競店視覺效果截圖分析評價

版塊

優(yōu)點：旁邊也設(shè)置

有搜索欄，方便消

費者搜索瀏覽。海

報主要色調(diào)是白咖

店招和色，溫馨感和高級

海報感較強

缺點：logo沒有展

示出來，把logo圖

案展示出來可能會

更好看。

優(yōu)點：簡單的排

序，一目了然，加

上海報也是比較高

級的

寶貝陳

列區(qū)

優(yōu)點：設(shè)置有跳轉(zhuǎn)

到更多產(chǎn)品的按

鍵。圖片也比較美

首頁

觀

底部

缺點：未制作返回

頂部的版塊，影響

瀏覽體驗。

3

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

優(yōu)點：圖片清晰，

突出產(chǎn)品，有產(chǎn)品

活動體現(xiàn)

主副圖

優(yōu)點：制作有多個

產(chǎn)品參數(shù)的對比描

寫，方便消費者了

解產(chǎn)品的容量，對

照選購。還有模特

的搭配圖，更好的

詳情頁

展示了產(chǎn)品。

2.1.2競爭對手店鋪2

同行業(yè)中本店鋪的另一主要競爭對手是不萊枚旗艦店。不萊枚旗艦店店鋪

網(wǎng)址為/入駐天貓店鋪已有10年時間，粉絲數(shù)有269

萬人，天貓綜合體驗星級為五星，DSR評分比其他同行類產(chǎn)品較高，三項都為

4.8分。由于臨近38節(jié)大促，該店主打活潑感和少年感，顏色比較全，主要以

淡色系列為主，經(jīng)典黑白棕較少大致價格為100-200元左右。店鋪的產(chǎn)品價格

一般都是中等偏下，非常的適合學(xué)生黨。主要的包包類目也是學(xué)生黨非常喜歡

的，顏色和圖案比較受歡迎。主營產(chǎn)品主打是箱包，消費群體主要以女性為

主，吸引女性消費者購買。

對于不萊枚旗艦店的視覺效果分析如表2所示。

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

表2“不萊枚旗艦店”視覺效果分析

效果

競店視覺效果截圖分析評價

版塊

優(yōu)點：旁邊有設(shè)置搜

索欄目，方便消費者

搜索瀏覽。海報比較

溫馨，導(dǎo)航欄類目較

多，明星同款和迪士

店招和尼同款這個比較吸引

海報人，因為明星和迪士

尼都是屬于比較

“美”的那類。

缺點：海報未設(shè)置輪

播，只能往下滑才能

看到新的海報。

缺點：未做店鋪的優(yōu)

惠券版塊和產(chǎn)品的分

寶貝陳

類導(dǎo)航版塊。無明顯

列區(qū)

寶貝陳列區(qū)，需要點

進(jìn)海報內(nèi)查看

缺點：首頁底部未做

首頁

設(shè)計，無返回頂部版

底部

塊。中間相差白板較

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

多。

優(yōu)點：主圖設(shè)計簡約

大氣，營銷信息全

主副圖面，視覺吸引力強。

副圖設(shè)計就是基礎(chǔ)的

介紹圖片。

優(yōu)點：產(chǎn)品信息比較

全面，前后側(cè)面都展

示的很清楚，還推薦

詳情頁

了同系列的產(chǎn)品，可

以分一點吸引力給同

系列產(chǎn)品。

2.2店鋪視覺營銷定位分析

店鋪的視覺營銷定位是店鋪開始運營的基礎(chǔ)。為了成功，我們需要清晰地

確定自己的商業(yè)目標(biāo)。做店鋪，其實最直接的就是把我們的寶貝精準(zhǔn)的推薦給

盡可能多的精準(zhǔn)客戶，讓精準(zhǔn)客戶在搜索的時候能盡可能的匹配到我們這個恰

好符合他要求的店鋪，這樣我們的轉(zhuǎn)化才更高。本店主要從產(chǎn)品定位和消費人

群定位兩方面來分析視覺營銷的定位。

2.2.1店鋪產(chǎn)品定位分析

JinnGree經(jīng)營的產(chǎn)品以女包為主，目標(biāo)是中低端市場，主要銷售斜挎包、

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

單肩包、手提包等。本店的產(chǎn)品定位分析主要從產(chǎn)品特點、市場分析兩方面展

開。

（1）產(chǎn)品特點

本店主推兩款產(chǎn)品，第一款是白搭款的奶噗噗背包，可斜跨可腋下可手提

款，三種背法可隨意調(diào)整。面料材質(zhì)是合成革，PU皮，包面摸起來會比較舒

服，很光滑的感覺，皮面還有高級感又有可愛減齡的暗花小壓印。百搭顏色款

式，不同搭配會有不一樣的穿搭效果，還會贈送同款奶噗噗掛件。第二款是云

朵褶皺包，《去有風(fēng)的地方》女主角同款手提包。顏色也是屬于百搭款式，發(fā)

圈靈感打造暖軟手柄，奪目耀眼鍛造隱匿的時代潮流。時尚云朵褶皺包，時髦

精的最愛款，神仙姐姐的同款包包。

（2）市場分析

女包行業(yè)可分為奢侈、高端、中端及大眾。當(dāng)前我國女包行業(yè)企業(yè)整體較

多，行業(yè)進(jìn)入門檻相對較低，行業(yè)內(nèi)中小企業(yè)數(shù)量較多，造成我國女包行業(yè)兩

級分化嚴(yán)重，奢侈、高端品線被國外品牌牢牢占據(jù)，中端市場由國外品牌與國

內(nèi)領(lǐng)先品牌競爭，大眾市場系眾多國內(nèi)中小品牌。

由于女包制造行業(yè)市場相對成熟，同時行業(yè)準(zhǔn)入門檻較低，我國女包企業(yè)

數(shù)量較多，目前暫未形成具有壟斷優(yōu)勢的龍頭企業(yè)。近年來我國居民收入水平

已經(jīng)越來越高，未來在行業(yè)品牌化的趨勢下，行業(yè)市場集中度也將進(jìn)一步提

高。高端女包進(jìn)一步拉大與中低端女包的差異，催生出世界級品牌與巨頭企

業(yè)。

本店的產(chǎn)品定位是結(jié)合超強的性能以及低廉的價格，主要為中高端產(chǎn)品，

精準(zhǔn)定位于消費者的真正需求，主打年輕女性市場，吸引年輕女性消費者購

買，營造良好的產(chǎn)品形象。

2.2.2店鋪消費者人群定位分析

JinnGree淘寶店鋪，這類消費者以年輕女性為主，年齡主要集中在18到

35歲的人群，地域主要分布在一二線城市，其中女性學(xué)生群體則大約占總體的

六成，其次是白領(lǐng)工作者。這類消費群體的總體消費特征偏向于想要性價比

高、物美價廉又實用類。

2.3店鋪風(fēng)格分析

在網(wǎng)絡(luò)購物的環(huán)境中，確定一個準(zhǔn)確的店鋪風(fēng)格，是可以在很大限度上讓

店鋪獲得精準(zhǔn)的轉(zhuǎn)化率和點擊率的方法之一。當(dāng)?shù)赇侊L(fēng)格定位越清晰越準(zhǔn)確，

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

在搜索推薦邏輯上越精準(zhǔn)，系統(tǒng)在推薦時能夠快速捕獲這部分人群就能夠斬獲

留存更多的目標(biāo)人群，將顧客轉(zhuǎn)化為粉絲，形成店鋪的收藏量。本店鋪的風(fēng)格

主要是偏向少年感以及輕奢類，符合店鋪的定位人群為年輕女性的設(shè)定。

2.4店鋪色彩分析

個性鮮明的色彩搭配對凸顯店鋪視覺設(shè)計是極其重要的。由于店鋪售賣的

是女包產(chǎn)品，且是走現(xiàn)代、簡約輕奢風(fēng)格，所以本店以白灰兩種顏色為主，杏

色做輔助色，這個色調(diào)是屬于經(jīng)典感又帶一點輕奢感，也能很好的體現(xiàn)店鋪風(fēng)

格。店鋪導(dǎo)航欄以橘黃色做背景色，文字為黑色做填充，與店鋪首頁的尾部可

呼應(yīng)。

3JinnGree專營淘寶店鋪視覺設(shè)計

擁有好的版式設(shè)計和文案策劃，才能促就好的店鋪視覺設(shè)計。版式設(shè)計則

是通過圖片、圖形、文字和色彩的合理排布，展示出產(chǎn)品的真正屬性，使消費

者能夠感覺出產(chǎn)品的品質(zhì)以及運用場所。店鋪的銷量是否上升，很大程度上取

決于店鋪設(shè)計與產(chǎn)品宣傳、店鋪設(shè)計是否抓住顧客、是否刺激到消費者的消費

欲望與宣傳是否抓住產(chǎn)品賣點等多方面。文案就可以通過語言的力量把產(chǎn)品的

質(zhì)感、屬性和材質(zhì)等展現(xiàn)出來。

3.1店鋪版式設(shè)計

店鋪的版式設(shè)計包括首頁和詳情頁。首頁的版式設(shè)計能很大程度上突出店

鋪的主題產(chǎn)品和品牌調(diào)性。這就需要在設(shè)計上抓住主題，突出重點，吸引消費

者的注意力。店鋪頁面容易給消費者留下印象,設(shè)計一個好的頁面也很重要的，

而詳情頁的版式設(shè)計則是為消費者傳達(dá)店鋪產(chǎn)品的相關(guān)資訊，促進(jìn)信息交流。

所以詳情頁的版式設(shè)計需要做到詳盡充分，以此增添消費者的信任感。盡量傳

達(dá)出消費者需要接收的信息。

3.1.1首頁版式設(shè)計

首頁版式設(shè)計的大小為1920px×9500px，簡約低調(diào)的白色是店鋪全局的背

景色。進(jìn)入店鋪首頁，最頂部的便是店招以及導(dǎo)航條。店標(biāo)設(shè)計的則是一個包

包簡筆畫，表明店鋪所出售的產(chǎn)品類型。店招則logo居中，logo正下方一句配

文組合而成。導(dǎo)航條是先放置店鋪菜單主題，其次放置店鋪的搜索框。

店招和導(dǎo)航條主要是以白色為主，導(dǎo)航欄是橘黃色為背景色，以黑色文字

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

填充，搜索欄是淡灰色，突出搜索欄。

導(dǎo)航條往下便是海報，海報是店鋪宣傳的重要方式和吸引目標(biāo)人群、潛在

人群的重要版塊，所以海報的大小設(shè)置為1920px×800px。海報是以產(chǎn)品居

中，文案居產(chǎn)品下方，人物和小裝飾居左右兩邊。Logo字體顏色為粉色斜放在

產(chǎn)品的后方。

海報以下是關(guān)于店鋪的優(yōu)惠券，其次是產(chǎn)品推銷板塊。在推銷板塊中主要

是運用圖片、圖形的大小對比關(guān)系來設(shè)計，產(chǎn)品中夾雜了價格可以供消費者直

接觀看。尾部則是一個模特產(chǎn)品圖以及產(chǎn)品logo的由來以暗灰色為背景色。

最后便是返回頂部，這一部分采用簡單的箭頭符號以及矩形組合而成，以

白色文字來設(shè)計。

JinnGree店鋪首頁版式設(shè)計草圖如圖4所示。

圖1店鋪首頁版式設(shè)計草圖

3.1.2產(chǎn)品詳情頁1版式設(shè)計

產(chǎn)品1的詳情頁設(shè)計，該產(chǎn)品是本店主推的熱銷款之一。首先是產(chǎn)品詳情

頁總體大小的設(shè)計，大小設(shè)置為750px×8800px，背景主打是白色。其次是分

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

類版塊，分別是產(chǎn)品顏色，產(chǎn)品信息，產(chǎn)品細(xì)節(jié)，專屬服務(wù)。采用白色和銀灰

色兩個顏色交替使用的色塊來區(qū)分每個版塊。圖標(biāo)與文字結(jié)合，一目了然，便

于消費者瀏覽查看。產(chǎn)品顏色沒有直接強調(diào)表明，直接以圖片暗示，上圖下文

排版。產(chǎn)品信息前半部分采用左圖右文排版，下半部分則為上文下圖的排版。

產(chǎn)品細(xì)節(jié)則直接采用上文下圖，圖文結(jié)合，文字內(nèi)嵌的方式排版。最后是專屬

服務(wù)板塊，上半部分為溫馨提示，下半部分為專屬服務(wù)，包含發(fā)貨、色差、快

遞、簽收、售后五小版塊內(nèi)容。

產(chǎn)品詳情頁1版式設(shè)計草圖如圖5所示。

圖2產(chǎn)品詳情頁1版式設(shè)計草圖

3.1.3產(chǎn)品詳情頁2版式設(shè)計

產(chǎn)品2的詳情頁設(shè)計，是店鋪主推的云朵褶皺手提包。在詳情頁的設(shè)計

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

中，產(chǎn)品詳情頁大小設(shè)置為750px×8450px，采用高明度的工業(yè)灰作背景色。

接下來的服務(wù)保證采用和產(chǎn)品1一樣的設(shè)計，以保持店鋪的一致性。風(fēng)格和產(chǎn)

品1的詳情頁相差不大。先是產(chǎn)品logo在最上方，其次是一個海報圖，然后是

產(chǎn)品的顏色，這個顏色排版和產(chǎn)品1一樣沒有直接列明產(chǎn)品顏色這一板塊，直

接放上圖文了。產(chǎn)品細(xì)節(jié)也是采用上文下圖的排版，簡單明了。其次是產(chǎn)品信

息，采用上圖下文，列明包包的容量做解釋。再者，在產(chǎn)品信息下方配了一個

模特圖，更好展示了包包的美感。最后是專屬服務(wù)板塊，上半部分為溫馨提

示，下半部分為專屬服務(wù)，包含發(fā)貨、色差、快遞、簽收、售后五小版塊內(nèi)

容。作為單獨的版塊，和產(chǎn)品1是相同的版塊設(shè)計。

產(chǎn)品詳情頁2版式設(shè)計草圖如圖6所示。

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖3產(chǎn)品詳情頁2版式設(shè)計草圖

3.2店鋪文案策劃

在新消費時代的背景下，人們對于商品的需求越發(fā)多元化，除了要滿足其

實際需求以外，更要滿足其潛在的心理需求。而優(yōu)秀的文案策劃，就能巧妙地

抓住消費者心理，用最小的成本喚起消費者的共鳴。文案策劃是用文字來表

現(xiàn)品牌策劃中某種已經(jīng)制定的創(chuàng)意策略。文字的力量比其他方式都要顯得

可靠真實，所以文案的好壞決定品牌策劃推廣的效果。寫好文案最主要的好

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

處是能夠潛移默化的引導(dǎo)消費者購買，通過理解消費者心理、了解消費者的需

求來促成購買行為，這樣才能讓我們店鋪的口碑和運營越來越好。

3.2.1首頁文案策劃

店鋪首頁的文案策劃，首先是店招部分。店招的店鋪logo以及裝飾文案

“youandme緣分讓你我擁有你”。導(dǎo)航欄的分類文案分別是首頁，所有產(chǎn)

品，新品嘗鮮，職業(yè)通勤，日常百搭五個小版塊。右邊則是“搜索欄”，將這

一部分設(shè)置在右邊，符合大部分消費者都是習(xí)慣性使用右手進(jìn)行電腦操作，鼠

標(biāo)常在屏幕右側(cè)懸停的行為習(xí)慣，從而有助于消費者快速點擊，搜索本店鋪相

關(guān)產(chǎn)品。

首頁海報版塊，首先用加大加粗字體的“JinnGree”店鋪logo斜放，表露

出產(chǎn)品的品牌。將產(chǎn)品圖放在logo的下方遮蓋一點，明確表明本店海報推廣的

產(chǎn)品是什么。其次，用“時尚潮流女包”“Thecombinationofstrength（實力的

結(jié)合）”體現(xiàn)產(chǎn)品的一個外觀性，最后加上本店的差異化優(yōu)惠信息“領(lǐng)券滿

179-10/259-20/300-30”。

店鋪優(yōu)惠版塊，采用“先領(lǐng)券再購物”這一具有指引性的文案抓住消費者

的眼球，增添消費者對本店的信任感和購物欲。然后是優(yōu)惠券的活動力度和使

用條件的信息“領(lǐng)券滿179-10/259-20/300-30”“TIME:2.01-2.05”。

分類導(dǎo)航的四大類目，每個小版塊都有標(biāo)題、代表產(chǎn)品的圖片和引導(dǎo)標(biāo)

志。如“Newproductrecommendation新品推薦”、“HotSale熱賣”、“Versatile

Daily日常百搭”等，清晰簡潔地向消費者傳遞信息。

在接下來的新品推薦和熱賣款登板塊中，都是采用加大加粗字體的文案描

述對應(yīng)產(chǎn)品的名稱，以及產(chǎn)品的價格和“立即購買”的引導(dǎo)性標(biāo)簽文案。打造

出一致性，形成店鋪風(fēng)格，從而增強消費者對本店鋪的辨識度。其次是產(chǎn)品

logo的由來:“INNGREE源自羅馬詩人奧維德的創(chuàng)作，她因拒絕阿波羅的追求

而化身為月桂樹，代表堅韌不畏強權(quán)做自己的態(tài)度。所以我們將品牌命名為

“JINNGREE”是為相信女性的力量和故事可以啟發(fā)更多人，希望通過我們的

產(chǎn)品，陪伴女性走得更自在?！?/p>

最后是簡約箭頭形狀和文案組成的“返回頂部”，方便消費者點擊回到首

頁頂部，增加消費者的瀏覽體驗。

3.2.2產(chǎn)品詳情頁1文案策劃

在產(chǎn)品詳情頁中，首先需要策劃的就是產(chǎn)品海報的文案。產(chǎn)品1是本店的

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

主推奶噗噗包包，先用“JINNGREE”這個logo放在詳情頁海報的正下方突出

產(chǎn)品的品牌?！鞍蓯?，顏色治愈”“小眾潮流百搭”“夏天快到了，衣服亮

眼當(dāng)然也要搭配吸睛的包包.”“奶噗噗聯(lián)名系列多種背法贈送萌趣奶噗噗掛

件”作輔助文案，突出包包靚麗感。

產(chǎn)品顏色版塊，采用“純色”作主文案，簡介又直接，以“一眼就心動的

純色”做輔助文案加上一些產(chǎn)品圖做一些相應(yīng)的小解釋。

產(chǎn)品信息版塊則是用一個示例包包的顏色做一些簡單的一個介紹。“重量”

“肩帶”“功能”“結(jié)構(gòu)”“材質(zhì)”以及“產(chǎn)品尺寸”做一些基礎(chǔ)的概括。

產(chǎn)品細(xì)節(jié)版塊，采用上文下圖的排版。“俏皮奶噗噗壓印”“可暗扣調(diào)節(jié)長

短”“細(xì)密工整的走線”來做介紹，一段小文字和一個產(chǎn)品的細(xì)節(jié)圖。

專屬服務(wù)板塊，上半部分為“溫馨提示”，下半部分為專屬服務(wù)，包含發(fā)

貨、色差、快遞、簽收、售后五小版塊內(nèi)容。

由于女性群里都是消費能力比較高的,“7天無理由退換貨”是給消費者的

一個保證，再加上溫馨提示的內(nèi)容主要是告訴買家包包的清潔和保養(yǎng)方法，給

消費者更舒適的使用體驗。

3.2.3產(chǎn)品詳情頁2文案策劃

產(chǎn)品2是本店的主推包包褶皺云朵包。先用“JINNGREE”這個logo放在

詳情頁海報的正下方突出產(chǎn)品的品牌。主文案簡單直接為“云朵包”輔助文案

則為“穿搭的必備時尚單品萬能百搭又輕盈精致”做一個直接的小推銷，吸

引消費者。再在海報版塊用一個模特產(chǎn)品圖，正下方為“發(fā)圈靈感打造暖軟手

柄奪目耀眼鍛造隱匿的時代潮流”的宣傳標(biāo)語讓消費者一眼就明了海報推廣的

是哪一個產(chǎn)品。

產(chǎn)品顏色版塊，采用“純色”作主文案，簡介又直接，以“一眼就心動的

純色”做輔助文案加上一些產(chǎn)品圖做一些相應(yīng)的小解釋。

產(chǎn)品細(xì)節(jié)板塊是采用上文下圖的板塊“褶皺手柄”“pu材質(zhì)”為主文案，

“發(fā)圈設(shè)計感，滿滿復(fù)古味”“內(nèi)部磁扣設(shè)置”“耐磨耐折”“質(zhì)地柔軟”輔助

文案，再配上一些產(chǎn)品的細(xì)節(jié)圖組成該產(chǎn)品的產(chǎn)品細(xì)節(jié)板塊。

產(chǎn)品信息版塊則是用一個示例包包的顏色做一些簡單的一個介紹。從“品

牌”“名稱”“面料”“材質(zhì)”“顏色”“閉合方式”這些方面來概述。

專屬服務(wù)板塊，上半部分為“溫馨提示”，下半部分為專屬服務(wù)，包含發(fā)

貨、色差、快遞、簽收、售后五小版塊內(nèi)容。

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

由于女性群里都是消費能力比較高的,“7天無理由退換貨”是給消費者的

一個保證，再加上溫馨提示的內(nèi)容主要是告訴買家包包的清潔和保養(yǎng)方法，給

消費者更舒適的使用體驗。和產(chǎn)品1的文案是大致的。

4JinnGree專營淘寶店鋪視覺效果制作

基于店鋪的概況、競爭對手分析、定位、風(fēng)格、顏色、版式設(shè)計和文案策

劃方面的確立，便要聚焦于制作店鋪最終的視覺效果圖，最終的效果圖是對于

本店視覺營銷設(shè)計方案的可視化展示。

4.1店鋪首頁效果圖制作

店鋪首頁作為消費者進(jìn)入店鋪的第一個頁面，其效果圖的制作好壞決定了

它是否能在第一時間抓住消費者的眼球，讓消費者停留并瀏覽首頁內(nèi)容，最終

影響店鋪的流量和轉(zhuǎn)化率。

4.1.1店招設(shè)計過程

店招，顧名思義，就是本店的招牌和展示本店資訊的櫥窗。其最大的作用

就是讓消費者看到并且記住它，從而達(dá)到宣傳和推廣的目的，促進(jìn)銷售吸引消

費者購買。為了和店鋪的輕奢風(fēng)格和帶有一點少女感的店鋪簡約風(fēng)格，店招的

背景色設(shè)置成為白色。店招的正中間為店鋪logo“jinngree”正下方為輔助文

案“youandme緣分讓你我擁有你”店鋪導(dǎo)航欄以橘黃色做背景圖，簡約而不

簡單。導(dǎo)航欄的分類文案是首頁，所有產(chǎn)品，新品嘗鮮，職業(yè)通勤，日常白

搭。右邊則是“搜索欄”，將這一部分設(shè)置在右邊，符合大部分消費者都是習(xí)

慣性使用右手進(jìn)行電腦操作，鼠標(biāo)常在屏幕右側(cè)懸停的行為習(xí)慣，從而有助于

消費者快速點擊，搜索本店鋪相關(guān)產(chǎn)品，搜索欄則是一個灰色的長圓矩形組成

處在偏右方。

JinnGree專營淘寶店鋪店招設(shè)計效果圖如圖7所示，在PHOTOSHOP軟件

中的制作過程圖如圖8所示。

圖4店鋪店招設(shè)計效果圖

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖5店鋪店招制作過程圖

4.1.2海報制作

海報展示面積大，視覺沖擊力強，漂亮又吸人眼球的海報是店鋪招攬顧客

的重要途經(jīng)。首先用加大加粗粉色字體的“JinnGree”店鋪logo斜放，表露出

產(chǎn)品的品牌。將產(chǎn)品圖放在logo的下方遮蓋一點，明確表明本店海報推廣的產(chǎn)

品是什么。其次，用“時尚潮流女包”“Thecombinationofstrength（實力的結(jié)

合）”體現(xiàn)產(chǎn)品的一個外觀性，最后加上本店的差異化優(yōu)惠信息“領(lǐng)券滿179-

10/259-20/300-30”。人物產(chǎn)品圖和裝飾圖分在產(chǎn)品的左右兩端，可以讓消費者

看到包包的展示。加上了一些比較符合產(chǎn)品包包顏色的小彩帶和小裝飾品以及

同系列的小怪獸在該海報的最右下方。產(chǎn)品包包進(jìn)行了描邊的小設(shè)計，描邊背

景為白色，帶有一點可愛感。

JinnGree專營淘寶店鋪首頁海報設(shè)計效果圖如圖9所示，在PHOTOSHOP

軟件中的制作過程圖如圖10所示。

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖6店鋪首頁海報設(shè)計效果圖

圖7店鋪首頁海報制作過程圖

4.1.3其他區(qū)域制作

對于其他區(qū)域的制作，共分為店鋪優(yōu)惠、店鋪活動、logo由來和返回頂部

版塊四個大板塊。

店鋪優(yōu)惠版塊，劃分為三個小矩形加上幾個小圓形填充的一個優(yōu)惠券形

狀，填充字體為黑色，優(yōu)惠券背景色為亮黃色。先在上方橫向擺放三個作為優(yōu)

惠券，數(shù)額做放大設(shè)計且填充為亮黃色，與導(dǎo)航條的橘黃色相呼應(yīng)。文案標(biāo)明

了優(yōu)惠券的優(yōu)惠力度和時間。并且加上了“立即領(lǐng)取”用黑色矩形填充，字體

顏色為白色，以此來吸引消費者的注意力，可讓消費者直接在下方立刻領(lǐng)取。

店鋪活動版塊，活動板塊分為“新品推薦”“熱賣”“職業(yè)通勤”“百搭日

?！彼膫€活動板塊，推薦產(chǎn)品圖和產(chǎn)品價格在一起，大圖則是主推的款式。

17

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

Logo由來版塊，用暗灰色矩形做背景色，矩形左邊為一個小產(chǎn)品模特圖，

右邊則是介紹logo由來的文案。

最后的返回頂部版塊，制作了填充為黑色的圓角矩形加上白色的字體來呈

現(xiàn)。并在矩形上方豎向放置一個往上走的一個圓形小箭頭形狀的引導(dǎo)符，從而

打造一種延伸感。

四大類目產(chǎn)品版塊，每個版塊都有采用黑色小橫條加上一個小矩形作為隔

斷，從而讓消費者在瀏覽時準(zhǔn)確定位區(qū)域?；顒赢a(chǎn)品陳列一般是有一個或者倆

個是主打推薦款，會比其他的產(chǎn)品圖大一些。價格和引導(dǎo)標(biāo)簽則采用背景填充

為雅典黑色的圓角矩形與純白色的字體來體現(xiàn)。類目的主推產(chǎn)品圖都做放大處

理，為了營造出產(chǎn)品之間的層次感，提升消費者的瀏覽體驗，其他普通產(chǎn)品都

通過方向或尺寸的變化來表現(xiàn)。

JinnGree專營淘寶店鋪在PHOTOSHOP軟件中的制作過程圖如圖11所

示，在其他區(qū)域設(shè)計效果圖如圖12所示。

圖8店鋪首頁其他區(qū)域制作過程圖

18

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖9店鋪首頁其他區(qū)域設(shè)計效果圖

4.2產(chǎn)品詳情頁1效果圖制作

產(chǎn)品詳情頁是提高轉(zhuǎn)化率的首要入口。可以吸引買家深入了解產(chǎn)品或者引

導(dǎo)買家瀏覽店鋪中的其他產(chǎn)品，以達(dá)到進(jìn)店流量的利用最大化。詳情頁是對產(chǎn)

品的詳細(xì)解讀，能讓買家詳細(xì)了解產(chǎn)品的各項功能點和屬性，能夠促進(jìn)轉(zhuǎn)化，

提升轉(zhuǎn)化率，從而促成購買。產(chǎn)品詳情頁1制作的是店鋪主推產(chǎn)品之一奶噗噗

19

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

包包。

4.2.1主副圖效果圖

首先是店鋪產(chǎn)品1的主圖設(shè)計。店鋪的主圖越有吸引力，就越能吸引消費

者的點擊。淡灰色作為主圖的背景，logo“JinnGree”在左上方突出產(chǎn)品品

牌。人物產(chǎn)品圖放在正中間突出產(chǎn)品吸引消費者購買，以及買同系列包包會贈

送同款系列奶噗噗包包小掛件放在人物產(chǎn)品圖左方并上輔助文案“贈送奶噗噗

掛件”，因為是同一個系列的絕大多數(shù)人都會被贈送倆個字給吸引?？梢允斋@

一個小掛件又與產(chǎn)品包包是同一個系列會比較和諧不突兀。再加上一些亮閃閃

的小星星在人物產(chǎn)品圖附近，增加可愛感。價格的表述圖是由三個小長矩形構(gòu)

圖的完成的，左邊是一個橘黃色的價格圖“活動價189”，右邊則是一個稍深一

點的灰色的長矩形“領(lǐng)券活動”和前面的價格圖一起拼湊一個形狀。這個矩形

中還有一個橘黃色做背景的一個活動時間“2.01-2.05”處在“領(lǐng)券活動”的矩

形正中間，用橘黃色來亮眼可以讓買家更好的注意到時間。

產(chǎn)品1在PHOTOSHOP軟件中的制作過程圖如圖13所示，在主圖設(shè)計效

果圖如圖14所示。

圖13產(chǎn)品1主圖制作過程圖

20

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計

圖10產(chǎn)品1主圖設(shè)計效果圖

接下來是產(chǎn)品的副圖。由于本產(chǎn)品的主圖設(shè)計元素較豐富，副圖也按照主

圖的背景顏色來做背景，簡潔的上圖下文以及左文右圖來構(gòu)圖。文案由主文案

加輔助文案構(gòu)成，主文案做放大加粗處理，使用的圖片與文案相契合，輔助文

案用小矩形給包含出，營造出優(yōu)秀的層次感，從而提升消費者的瀏覽體驗。

產(chǎn)品1副圖設(shè)計效果圖如圖15所示，在PHOTOSHOP軟件中的制作過程

圖如圖16所示。

圖11產(chǎn)品1副圖設(shè)計效果圖

圖12產(chǎn)品1副圖制作過程圖

4.2.2產(chǎn)品詳情頁1效果圖

首先是產(chǎn)品海報。白色為背景，配上人物模特加一些小裝飾和小怪獸，會

比較甜美，吸引年輕女性購買。海報下方有一個淺灰色的長矩形做分界線。海

21

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)