湖潤水產(chǎn)品淘寶店視覺營銷設(shè)計方案

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

目錄

1湖潤水產(chǎn)品淘寶店鋪概況..............................................1

1.1水產(chǎn)品類淘寶店鋪發(fā)展現(xiàn)狀......................................1

1.2湖潤水產(chǎn)品淘寶店鋪現(xiàn)狀........................................2

2湖潤水產(chǎn)品淘寶店鋪視覺營銷分析......................................2

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

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

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

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

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

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

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

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

3湖潤水產(chǎn)品淘寶店鋪視覺設(shè)計..........................................7

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

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

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

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

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

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

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

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

4湖潤水產(chǎn)品淘寶店鋪視覺效果制作.....................................13

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

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

4.1.2海報制作................................................14

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

I

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

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

4.2.1主副圖效果圖............................................17

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

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

4.3.1主副圖效果圖............................................22

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

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

參考資料............................................................26

II

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

湖潤水產(chǎn)品淘寶店視覺營銷設(shè)計方案

1湖潤水產(chǎn)品淘寶店鋪概況

湖潤水產(chǎn)品淘寶店鋪成立于2019年，經(jīng)營范圍是水產(chǎn)品批發(fā)、水產(chǎn)品零售

等，以小龍蝦產(chǎn)品為主，對小龍蝦、蝦苗、大閘蟹進(jìn)行銷售。本店依據(jù)給消費

者打造高品質(zhì)的理念，將店鋪取名為“湖潤”，“湖”即水產(chǎn)品的養(yǎng)殖地，體現(xiàn)

了養(yǎng)殖地范圍的“廣”；“潤”即潤澤，體現(xiàn)了水產(chǎn)品的鮮亮光澤，高質(zhì)量。

這兩個字組合寓意人工生態(tài)養(yǎng)殖的高品質(zhì)水產(chǎn)品。該名稱能讓消費者迅速記憶

店鋪名，以及傳達(dá)的宗旨，從而提升店鋪認(rèn)知度，增加回購率。

1.1水產(chǎn)品類淘寶店鋪發(fā)展現(xiàn)狀

依托互聯(lián)網(wǎng)的快速發(fā)展，網(wǎng)絡(luò)購物已經(jīng)成為普遍現(xiàn)象。海鮮水產(chǎn)電商是港

人以至游客愛好的美食電商平臺之一，本地海鮮供應(yīng)方面，香港95%的進(jìn)口魚

均來自香港仔魚市場，供應(yīng)給菜市場、酒樓和餐廳等，也提供有限度的上門送

貨服務(wù)。中國海鮮水產(chǎn)電商行業(yè)呈現(xiàn)穩(wěn)步上升態(tài)勢。

根據(jù)《中國生鮮消費趨勢報告》、《2021年中國生鮮電商行業(yè)研究報告》以

及《中國水產(chǎn)品電子商務(wù)報告》的數(shù)據(jù)分析，如圖1所示，隨著網(wǎng)購的興起，

水產(chǎn)品線上銷售額也隨之升高。據(jù)商務(wù)部統(tǒng)計，2020年，水產(chǎn)品網(wǎng)絡(luò)零售額約

為345億元，同比增長9.3%。自2017年至2020年，水產(chǎn)品網(wǎng)絡(luò)零售額的年復(fù)

合增長率達(dá)到23%，增長規(guī)模迅速。鑒于水產(chǎn)品電商的品類多樣、便利性和性

價比，消費者對線上渠道的滿意度更高，支付意愿更強。

圖12017—2020年水產(chǎn)品網(wǎng)絡(luò)零售額、線上線下購買渠道滿意度以及消費者在線上線下

支付的水產(chǎn)品單價指數(shù)

通過PC端淘寶網(wǎng)搜索包含“水產(chǎn)”這一關(guān)鍵詞的店鋪，如圖2所示。淘

寶類水產(chǎn)店鋪有54314家，其中金冠賣家店鋪233家，皇冠賣家店鋪7748家，

1

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

鉆級賣家店鋪24854家，心級賣家店鋪15815家。

圖2淘寶水產(chǎn)店鋪的數(shù)量

綜上所述，在淘寶網(wǎng)中，水產(chǎn)品類淘寶店鋪正在逐步發(fā)展，湖潤水產(chǎn)品淘

寶店鋪作為一名老人，想要在淘寶平臺開設(shè)好網(wǎng)店，吸人眼球的視覺營銷必不

可少，這樣才能做到拉新留存，同時提升店鋪形象，提高消費者忠誠度。

1.2湖潤水產(chǎn)品淘寶店鋪現(xiàn)狀

湖潤水產(chǎn)品淘寶店鋪于2019年成立，由于是沉淀了幾年的老店，因此店鋪

并未設(shè)置極具吸引力的優(yōu)惠活動，只有一些常見的活動。如：

（1）順豐快遞包郵到家。

（2）店鋪內(nèi)部分主推產(chǎn)品下單就送調(diào)料。

（3）全店所有商品付款后24小時內(nèi)發(fā)貨。

因為只有這些活動內(nèi)容，所以需要增加一些產(chǎn)品的促銷內(nèi)容，以便更好的

吸引消費者進(jìn)店并產(chǎn)生購買行為。

2湖潤水產(chǎn)品淘寶店鋪視覺營銷分析

隨著社會的快速發(fā)展，人們越來越追求美的事物，人們越來越在意第一印

象與第一感官。線上店鋪與線下店鋪不一樣。在線下店鋪，消費者可以親自使

用并感受產(chǎn)品，但線上店鋪不可以。在線上，視覺成了吸引消費者進(jìn)店的關(guān)

鍵。因此，店鋪必須要在視覺上打動消費者，刺激消費者。否則，無論店鋪產(chǎn)

品多么的好，消費者也不會產(chǎn)生購買行為。所以，本店鋪會從競爭對手、視覺

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

2.1競爭對手分析

古人言：知己知彼百戰(zhàn)不殆。了解競爭對手其店鋪經(jīng)營狀況和對應(yīng)的產(chǎn)品

信息，從而學(xué)習(xí)他的優(yōu)點，對他的缺點進(jìn)行參照改正。因為只有充分了解透徹

對手，才不會失敗。

2

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

2.1.1競爭對手店鋪1

同行業(yè)中本店鋪主要競爭對手之一是灣泊農(nóng)夫旗艦店鋪。灣泊農(nóng)夫旗艦店

鋪網(wǎng)址為/于2016年1月21日入駐淘寶，粉絲數(shù)

有近9000人，DSR評分較高，分別是4.7、4.8、4.8分。該店的目標(biāo)人群為愛

吃小龍蝦的客戶，以黑紅為主色調(diào)。店鋪的產(chǎn)品價格水平與同行業(yè)相比偏高。

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

灣泊農(nóng)夫旗艦店鋪視覺效果分析如表1所示。

表1“灣泊農(nóng)夫旗艦店鋪”視覺效果分析

效

果

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

版

塊

優(yōu)點：店招和

店海報醒目。

招缺點：沒

和logo，圖文太

海大，頁面顯示

報不全。

優(yōu)點：寶貝標(biāo)

寶題、賣點活動

貝醒目。

陳缺點：圖文搭

列配不合適，文

區(qū)字太多，產(chǎn)品

圖太小。

缺點：未制作

首返回頂部和跳

頁轉(zhuǎn)其他產(chǎn)品的

底版塊，影響客

部戶瀏覽體驗

感。

3

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

優(yōu)點：賣點、

活動醒目突

出。

主缺點：文案字

副體不美觀，產(chǎn)

圖品圖太小，副

圖沒有設(shè)計，

背景只是一張

純黑色的圖。

優(yōu)點：總體來

說色彩搭配恰

當(dāng)、圖文結(jié)構(gòu)

美觀，詳情細(xì)

節(jié)突出，讓消

詳費者感受到小

情龍蝦的高質(zhì)、

頁無污染，科學(xué)

養(yǎng)殖。

缺點：購買須

知的文字色彩

雜，看上去不

美觀。

2.1.2競爭對手店鋪2

同行業(yè)中本店鋪的另一主要競爭對手三水家大閘蟹店。三水家大閘蟹店鋪

網(wǎng)址為/于2017年4月11日入駐天貓店鋪，成為企業(yè)店

鋪。粉絲數(shù)有1.5萬人，鉆級為5鉆，DSR評分也較高，三項都有4.9分。是

個較為強勁的競爭對手。

對于三水家大閘蟹店鋪的視覺效果分析如表2所示。

表2“三水家大閘蟹店”視覺效果分析

效果

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

版塊

4

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

優(yōu)點：文案醒目、簡

潔。

店招和

缺點：海報內(nèi)沒有相

海報

關(guān)的產(chǎn)品，不能以產(chǎn)

品吸引顧客。

優(yōu)點：做了優(yōu)惠券板

塊，且整體以紅黃為

主顏色，有視覺沖擊

寶貝陳

的效果，能較好地吸

列區(qū)

引顧客。

缺點：沒有做產(chǎn)品的

分類導(dǎo)航版塊。

缺點：首頁底部沒有

首頁做設(shè)計，沒有返回頂

底部部和其他產(chǎn)品的版

塊。

優(yōu)點：主圖活動明

顯，營銷信息全面。

副圖產(chǎn)品色澤金黃透

主副圖亮，誘惑力極強。

缺點：主圖文案大

多，顏色太多豐富、

復(fù)雜。

優(yōu)點：真實。

缺點：文案太多，沒

詳情頁

有制作產(chǎn)品細(xì)節(jié)板

塊。

5

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

2.2店鋪視覺營銷定位分析

店鋪視覺營銷定位分析通常分為店鋪產(chǎn)品定位分析和店鋪消費者人群定位

分析。

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

湖潤水產(chǎn)品淘寶店經(jīng)營的產(chǎn)品以水產(chǎn)、生鮮產(chǎn)品為主，目標(biāo)是中高端市

場，主要銷售小龍蝦、大閘蟹和其他生鮮等。本店的產(chǎn)品定位分析主要從產(chǎn)品

特點、市場分析兩方面展開。

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

本店首推兩種產(chǎn)品，一種是鮮活小龍蝦，售價是49元一斤，在同類商品

中，最具性價比。小龍蝦不僅個頭大，還具有營養(yǎng)價值高的蝦黃。另一種是禮

盒款的大閘蟹，金黃光澤的大閘蟹再配上高端大氣上檔次的禮盒，簡直就是送

禮的首選。售價僅399元一盒?？茖W(xué)無污染人工養(yǎng)殖的蝦蟹，本店質(zhì)量、性價

統(tǒng)統(tǒng)在線。

（2）市場分析

在淘寶平臺中，水產(chǎn)品市場整體集中度較低，市場新人仍具有很好的入場

機(jī)會；蝦類及魚類等的品類前景較為廣闊，有較好的入場和打造品牌機(jī)會。本

店的產(chǎn)品定位好品質(zhì)與性價結(jié)合，精準(zhǔn)定位于消費者的真正需求，從而提高客

戶忠誠度，打造屬于本店的品牌，塑造良好的產(chǎn)品形象。

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

湖潤水產(chǎn)品店鋪主營水產(chǎn)品及生鮮等，這類消費者以高收入者為主，年齡

主要集中在30歲到49歲的人群，地域主要分布在高線級城市，其中超過六成

為女性，其次是青壯年。這類消費群體具有較高的購買力。而精致媽媽、新銳

白領(lǐng)等是本店的重點策略人群，他們的興趣偏好較高。

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

確認(rèn)店鋪風(fēng)格，使整體視覺上與產(chǎn)品風(fēng)格都保持統(tǒng)一，能夠在第一時間感

受到店鋪整體的調(diào)性，增加用戶對于店鋪的認(rèn)可度以及喜愛程度；同時也能找

到精準(zhǔn)的用戶群體，使其在下次需要購買同類產(chǎn)品時，腦海中優(yōu)先想到的是我

們的店鋪，從而提高復(fù)購率。

6

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

2.4店鋪色彩分析

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

是水產(chǎn)類產(chǎn)品，所以本店以黑色為主色調(diào)，這個色調(diào)在店鋪中能夠更好地體現(xiàn)

產(chǎn)品，突出產(chǎn)品特點，也能很好地體現(xiàn)店鋪風(fēng)格。

店鋪以白色為輔色，使用白色來描寫文案標(biāo)題，在純黑的背景中，白色字

體顯得格外突出，吸引顧客眼球。

店鋪以橙黃色為點綴色，該顏色描述產(chǎn)品養(yǎng)殖背景及環(huán)境，在黑白的襯托

下表現(xiàn)得格外高級，同時體現(xiàn)出了產(chǎn)品的高品質(zhì)。

店鋪的logo采用純白色背景，加一只體格大、色澤好的小龍蝦，讓顧客一

目了然該店鋪售賣的產(chǎn)品。

3湖潤水產(chǎn)品淘寶店鋪視覺設(shè)計

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

通過圖片、圖形、文字和色彩等為基本要素進(jìn)行合理的排布，展示出店鋪裝飾

的美觀和產(chǎn)品的真實屬性，使消費者能夠感覺到賣家的品味、店鋪的藝術(shù)氛圍

以及產(chǎn)品的品質(zhì)，從而提高銷售量。文案則能通過語言的力量把產(chǎn)品的質(zhì)感、

屬性和材質(zhì)等展現(xiàn)出來。下文將對本店的版式設(shè)計和文案策劃的內(nèi)容進(jìn)行介

紹。

3.1店鋪版式設(shè)計

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

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

費者的注意力。而詳情頁的版式設(shè)計則是為消費者傳達(dá)店鋪產(chǎn)品的相關(guān)資訊，

促進(jìn)信息交流。通過交流，把消費者留下。所以詳情頁的版式設(shè)計需要做到詳

盡充分，以此增添消費者的信任感。

3.1.1首頁版式設(shè)計

首頁版式設(shè)計的大小為1920px×6850px，高端大氣的黃橙色是店鋪全局的

背景色。進(jìn)入店鋪首頁，最頂部的便是店招以及導(dǎo)航條。店招采用了黃橙色背

景，且店招兩端放置了不同種類的水產(chǎn)生鮮等。導(dǎo)航條采用純色背景，文字、

圖片等整體居中，水平擺放。店招從左到右依次放置店鋪的logo、店鋪名稱、

關(guān)注店鋪信息。導(dǎo)航條則是放置店鋪菜單主題。

7

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

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

人群的重要版塊，所以海報的大小設(shè)置為1920px×650px。通過超大的占屏面

積，迅速抓住消費者的眼球。海報采用的是左中右的構(gòu)圖方式，產(chǎn)品放兩邊，

文案則是居中。

海報以下便是店鋪的分類專區(qū)，分別是店鋪優(yōu)惠、分類導(dǎo)航、蟹類專區(qū)、

蝦類專區(qū)和推薦專區(qū)等。在這些板塊中的設(shè)計，主要是運用圖片、圖形的大小

對比關(guān)系來設(shè)計，以營造出跳躍感，使主角更突出，從而體現(xiàn)店鋪的營銷目

標(biāo)。版塊內(nèi)采用有左圖右文、右圖左文和上圖下文的構(gòu)圖方式。

最后便是返回頂部，這一部分采用簡單的矩形和箭頭組合來設(shè)計。

湖潤水產(chǎn)品淘寶店鋪首頁版式設(shè)計草圖如圖3所示。

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

8

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

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

產(chǎn)品1的詳情頁設(shè)計，是本店的熱賣產(chǎn)品之一大閘蟹。首先是產(chǎn)品海報的

設(shè)計，大小設(shè)置為750px×800px，背景是由黑色背景加綠葉形成。其次是分類

版塊，分別是產(chǎn)品保證、服務(wù)保障、產(chǎn)品賣點、產(chǎn)品細(xì)節(jié)和產(chǎn)品信息，采用黑

色和黑灰色兩個顏色交替使用的色塊來區(qū)分每個版塊。服務(wù)保障采用圓角矩形

加粗圓形組成的排版，圖標(biāo)與文字結(jié)合，一目了然，便于消費者瀏覽查看。產(chǎn)

品賣點和產(chǎn)品信息采用左文右圖和右文左圖的排版。產(chǎn)品細(xì)節(jié)采用圖文結(jié)合，

文字內(nèi)嵌的方式排版。最后是溫馨提示版塊，作為單獨的版塊，采用不規(guī)則邊

框加文字以及圖標(biāo)組成。

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

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

9

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

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

產(chǎn)品2的詳情頁設(shè)計，是店鋪的另一熱賣產(chǎn)品小龍蝦。在詳情頁的設(shè)計

中，最上方的便是產(chǎn)品海報，海報的大小設(shè)置為750px×872px，采用深灰色作

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

然后產(chǎn)品參數(shù)版塊利用表格來進(jìn)行排版，產(chǎn)品賣點則是采用上文下圖的排版，

介紹小龍蝦的賣點。再次是產(chǎn)品細(xì)節(jié)，在產(chǎn)品細(xì)節(jié)圖上的右上角，設(shè)計一個綠

色圓角矩形并編輯文案，側(cè)面突出產(chǎn)品的綠色無污染。最后，溫馨提示版塊采

用和產(chǎn)品1相同的版塊設(shè)計。

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

10

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

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

3.2店鋪文案策劃

文案，是店鋪品牌與消費者溝通的橋梁。一個展示、推廣自己店鋪的絕佳

機(jī)會。而好的文案，能夠讓人印象深刻，引起強烈的共鳴，吸引消費者的注意

力，激起消費者的購買欲。

3.2.1首頁文案策劃

店鋪首頁的文案策劃，首先是店招部分。店招的左邊是店鋪logo和店鋪名

稱“湖潤水產(chǎn)品店”，以及裝飾文案“HuRunSeaFoodStore”。中間是對店鋪的

一個簡單描述“新鮮直供批發(fā)店鋪”，從而滿足消費者選購產(chǎn)品的實際需求。

右邊則是“關(guān)注店鋪”，將這一部分設(shè)置在右邊，符合大部分消費者都是習(xí)慣

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

費者快速點擊，并關(guān)注本店鋪。

首頁海報版塊，首先用加大加粗字體的“蝦兵蟹將，大鬧味蕾”明確表明

本店海報推廣的產(chǎn)品是“小龍蝦”與“大閘蟹”。其次，用“最新鮮”、“最美

味”和“優(yōu)質(zhì)食材，健康生態(tài)”體現(xiàn)產(chǎn)品的特點，讓消費者知曉產(chǎn)品的賣點。

最后加上本店的優(yōu)惠活動信息“生鮮，五折優(yōu)惠”。

店鋪福利版塊，采用“進(jìn)店鋪，領(lǐng)福利”這一具有指引性的文案抓住消費

者的眼球，增添消費者對本店的信任感和購物欲，以及配上輔助文案

“Shoppingvoucher”。然后是優(yōu)惠券的活動力度信息和“立即領(lǐng)取”的文案。

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

志。如“蟹類Crabs”、“蝦類Shrimp”、“禮盒Gift”等，清晰簡潔地向消費者

傳遞信息。

在接下來的蟹類專區(qū)、蝦類專區(qū)板塊中，都是采用加大加粗字體的文案描

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

出一致性，形成店鋪風(fēng)格，從而增強消費者對本店鋪的辨識度。

推薦專區(qū)板塊，采用了不規(guī)則形狀以及“爆款推薦”等醒目抓人眼球的標(biāo)

識，同時搭配上“推薦指數(shù)五顆星”的紅色星星，更好地吸引消費者并刺激消

費者的購買欲。

最后是簡約箭頭和圓角矩形的形狀以及文案組成的“返回頂部”，方便消

費者點擊回到首頁頂部，給消費者帶來良好的瀏覽體驗。

11

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

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

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

熱賣產(chǎn)品，采用產(chǎn)品名稱“大閘蟹”作主文案，產(chǎn)品賣點“陽澄湖”作輔助文

案，產(chǎn)品定位“鮮甜美味”為點綴文案，抓住消費者購買大閘蟹的實際需求。

由于大閘蟹作為客單價較高的產(chǎn)品，所以營造消費者對于本店鋪的信任感

尤其重要。在海報往下，便是宣傳標(biāo)語和帶有圖標(biāo)的具體服務(wù)信息：“新鮮活

力、肉質(zhì)飽滿、現(xiàn)捕現(xiàn)發(fā)、順豐速遞”，挖掘消費者的潛在心理需求。

產(chǎn)品賣點版塊，先是采用“產(chǎn)地直供，品質(zhì)保障”作主文案，以突出本產(chǎn)

品的優(yōu)越養(yǎng)殖環(huán)境，再配以對大閘蟹養(yǎng)殖環(huán)境的說明性文字作輔助文案，體現(xiàn)

了產(chǎn)品的品質(zhì)。產(chǎn)品細(xì)節(jié)版塊則是采用“出湖標(biāo)準(zhǔn)”和“實拍展示”作標(biāo)題文

案，營造本產(chǎn)品與同類商品之間的差異性。接著是描述產(chǎn)品的不同做法，包括

“蒸”、“煎”、“炒”、“炸”。

產(chǎn)品信息版塊，為了使消費者了解到產(chǎn)品的儲存條件和保鮮日期等，采用

加粗加大的字體，使消費者一目了然，從而提升消費者對店鋪的好感。

買家須知版塊主要是對“關(guān)于售后”、“關(guān)于快遞”、“關(guān)于簽收”等內(nèi)容進(jìn)

行解答，以完全打消消費者的疑慮。

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

產(chǎn)品2是本店熱賣產(chǎn)品之一的小龍蝦。在海報版塊，通過加大加粗的標(biāo)題

文字“人工生態(tài)養(yǎng)殖”，讓消費者一眼就感受到店鋪對養(yǎng)殖環(huán)境的嚴(yán)格把控。

然后在標(biāo)題下方使用養(yǎng)殖環(huán)境的圖片、小龍蝦以及捕撈時的圖片，讓消費者感

受到店鋪的“現(xiàn)捕現(xiàn)發(fā)”。

為了營造店鋪風(fēng)格的一致性，產(chǎn)品2的海報下的宣傳標(biāo)語以及帶有圖標(biāo)的

具體服務(wù)信息和買家須知版塊都是采用與產(chǎn)品1相同的文案設(shè)計。

產(chǎn)品信息版塊的每條信息前，都采用了填充顏色的方塊，從而使信息得到

突出明顯。同時，每條信息下都有直線裝飾，從而與上一信息隔開，使產(chǎn)品信

息看上去井然有序。

產(chǎn)品賣點版塊利用“為什么選擇我們”這一引人注目的文字作標(biāo)題，激發(fā)

消費者的好奇心，增添其繼續(xù)瀏覽的興趣。先采取圖標(biāo)加對應(yīng)的說明性文字的

方式來描述小龍蝦的三個賣點，以減少大篇幅文字閱讀所帶來的枯燥感。再從

小龍蝦的運輸方式出發(fā)，全程冷鏈運輸，順豐冷鏈次日達(dá)。最后通過對產(chǎn)品細(xì)

節(jié)的圖文展示，如“蝦肉白凈透亮”、“蝦肚干凈白亮”、“蝦黃濃郁飽滿”，進(jìn)

一步讓消費者了解到產(chǎn)品的高品質(zhì)。

12

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

產(chǎn)品做法版塊，采用圖文搭配的方式來描述，激發(fā)消費者的食欲，從而激

起消費者的購買欲望。

4湖潤水產(chǎn)品淘寶店鋪視覺效果制作

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

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

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

4.1店鋪首頁效果圖制作

眾所周知，店鋪首頁的總體區(qū)域是1920px,950px的有效點擊區(qū)域。遵循這

個規(guī)則，設(shè)計的店鋪首頁一共分為六大部分，分別是店招、導(dǎo)航欄區(qū)域、全屏

海報區(qū)域、優(yōu)惠券區(qū)域、商品展示區(qū)域以及頁尾區(qū)域。這六大區(qū)域各自分布、

各司其職。通過這六大部分可以讓進(jìn)店的消費者對產(chǎn)品清晰明了，并且可以迅

速找到自己的需求產(chǎn)品。

4.1.1店招設(shè)計過程

店招，顧名思義，就是店鋪的招牌。其最大的作用就是讓消費者看到并且

記住它，從而達(dá)到宣傳和推廣的目的。為了契合店鋪的風(fēng)格，店招的背景色設(shè)

置成為橙黃色。店招的左邊為店鋪logo，湖藍(lán)色的背景加上兩只小龍蝦和大閘

蟹動畫，同時配上店鋪名稱“湖潤水產(chǎn)品”，呼應(yīng)店鋪出售的是來自優(yōu)質(zhì)養(yǎng)殖

地的水產(chǎn)品。logo旁邊是富有生氣的黑色字體“湖潤水產(chǎn)品店”加上字體縮小

的裝飾文字“HuRunSeaFoodStore”。店招中間是對店鋪的一個簡單描述“新

鮮直供批發(fā)店鋪”。店招右邊則是字體的“關(guān)注店鋪”字樣，配以紅色背景的

矩形加上純白的愛心，組成店鋪的關(guān)注區(qū)。

導(dǎo)航條采用具有穿透力又有溫暖、富足感的橙黃色打底填充，以提升消費

者對店鋪的好感度。分類區(qū)塊名稱使用黑色的方正大標(biāo)宋簡體字體，與背景形

成對比，清晰明了。

湖潤水產(chǎn)品淘寶店鋪店招設(shè)計效果圖如圖6所示，在PHOTOSHOP軟件中

的制作過程圖如圖7所示。

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

13

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

圖7店鋪店招制作過程圖

4.1.2海報制作

漂亮又吸人眼球的海報是店鋪招攬顧客的重要途徑。為了提升產(chǎn)品與店鋪

之間的契合度，海報的背景是由實木以及綠葉組成，形成強烈的視覺沖擊力。

采用左中右的方式構(gòu)圖，左右兩邊各放置產(chǎn)品圖，打造環(huán)繞感。中間的文案，

用加大加粗的字體突出顯示產(chǎn)品名“蝦兵蟹將，大鬧味蕾”，體現(xiàn)出力量感，

并配上用藍(lán)色實心圓點隔開的文案“最新鮮”、“最美味”。然后在品名下方采

用縮小的文字簡單描述產(chǎn)品賣點，兩端并采用直線突出。最后再用右下方純色

圓形加上店鋪的活動信息，吸引消費者，刺激消費者的成交欲望。

湖潤水產(chǎn)品淘寶店鋪首頁海報效果圖如圖8所示，在PHOTOSHOP軟件中

的制作過程圖如圖9所示。

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

14

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

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

4.1.3其他區(qū)域制作

對于其他區(qū)域的制作，共分為店鋪優(yōu)惠、分類導(dǎo)航、兩大類目產(chǎn)品展示版

塊、推薦專區(qū)板塊和返回頂部版塊。

店鋪優(yōu)惠版塊，先采用一個圓角矩形，將優(yōu)惠區(qū)域劃分出來，再在上方橫

向擺放三個藍(lán)色圓角矩形作為優(yōu)惠券。數(shù)額做放大設(shè)計且填充為白色，與logo

的顏色相呼應(yīng)。優(yōu)惠券內(nèi)的使用條件單獨用深藍(lán)色的矩形顯示，方便消費者第

一時間了解優(yōu)惠券的使用。同時立即領(lǐng)取區(qū)域采用了紫色和藍(lán)色的漸變，以此

吸引消費者的注意力。

分類導(dǎo)航版塊，用簡單的產(chǎn)品圖來表示，并通過剪貼蒙版使圖片更為美

觀。每個圓角矩形都放置有分類標(biāo)題、代表產(chǎn)品圖、朱紅色的箭頭引導(dǎo)標(biāo)簽。

兩大類目產(chǎn)品版塊，產(chǎn)品陳列采用珍珠白的矩形邊框來呈現(xiàn)，價格則用紅

色字體突出顯示，引導(dǎo)標(biāo)簽則采用背景填充為淡黃色的矩形結(jié)合工業(yè)灰色的字

體和購物車的圖標(biāo)來體現(xiàn)。每個類目的熱賣產(chǎn)品圖都做了放大處理，簡潔舒

適，提升消費者的瀏覽體驗。

推薦專區(qū)板塊，采用了不規(guī)則形狀搭配左圖右文展示。標(biāo)題是加大加粗的

字體，標(biāo)題下描述了產(chǎn)品的四個特點，同時用紅色邊框加以凸顯；而后采用紅

星來展現(xiàn)推薦指數(shù)以及爆款活動的圖標(biāo)，增加消費者購買欲望。最后下方采用

的是矩形邊框、黃星、購物車圖標(biāo)以及加入購物車和關(guān)注收藏等文案組成，利

于消費者快速購買。

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

15

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

呈現(xiàn)。并在矩形上方豎向放置引導(dǎo)的箭頭，且深淺不一，從而打造一種延伸

感。

湖潤水產(chǎn)品淘寶店鋪其他區(qū)域設(shè)計效果圖如圖10所示，在PHOTOSHOP

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

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

16

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

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

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

產(chǎn)品詳情頁是提高轉(zhuǎn)化率的首要入口。好的詳情頁效果圖不僅能激起消費

者的消費欲望，還能消減消費者心中的疑慮，從而促成購買。同時可以在平時

的詳情頁中設(shè)置一些關(guān)聯(lián)銷售，推出爆款產(chǎn)品等。產(chǎn)品詳情頁1制作的是店鋪

熱賣產(chǎn)品之一大閘蟹。

4.2.1主副圖效果圖

首先是店鋪產(chǎn)品1的主圖設(shè)計。店鋪的主圖一直都是比較繁瑣的東西，既

要符合美觀又要把所有的信息體現(xiàn)，在參考所有的主圖設(shè)計后發(fā)現(xiàn)紅色的配色

是大多數(shù)美工的選擇，特別是在活動促銷之際。所以本產(chǎn)品的主圖采用紅色的

邊框做背景。構(gòu)圖方式是上圖下文，下面的文案介紹產(chǎn)品名和四個產(chǎn)品賣點。

產(chǎn)品名“陽澄湖大閘蟹”用紅黃色漸變做突出顯示。四個賣點使用簡約白色粗

寫字體來呈現(xiàn)。左下方使用紅色填充的旗幟形狀作為價格標(biāo)簽，并利用簡約白

色粗寫字體，凸顯產(chǎn)品價格。主圖的左上方是店鋪的logo，增加店鋪存在感。

最后在主圖右上方添加了一個鏤空圓形突出產(chǎn)品賣點是“順豐包郵”。

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

圖如圖13所示。

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

17

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

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

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

色作背景，簡潔的左文右圖、右文左圖和上文下圖來構(gòu)圖。文案由主文案加輔

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

色邊框圓形加工業(yè)灰填充的箭頭和填充橙黃色的圓角矩形等要素，吸引消費者

點擊，且提升消費者的瀏覽體驗。

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

圖如圖15所示。

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

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

18

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

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

首先是產(chǎn)品海報。采用純黑色加綠葉的產(chǎn)品圖作背景，上文下圖的構(gòu)圖方

式。產(chǎn)品名字體加大加粗處理并使用漸變效果，構(gòu)成主文案。產(chǎn)品賣點使用淺

黃色的小于主文案的字體，并用斜線隔開，形成輔助文案。產(chǎn)品名周邊還制作

填充為橙黃色的云作裝飾。圖片部分?jǐn)[放兩只大閘蟹，并進(jìn)行近大遠(yuǎn)小的處

理，提升消費者對產(chǎn)品的美感。在海報往下，便是宣傳標(biāo)語和帶有圖標(biāo)的具體

服務(wù)信息：“新鮮活力、肉質(zhì)飽滿、現(xiàn)捕現(xiàn)發(fā)、順豐速遞”，挖掘消費者的潛

在心理需求。

接下來的版塊中，整體背景采用黑色，矩形和圓角矩形交替使用來區(qū)分各

個版塊。產(chǎn)地直供板塊，背景采用產(chǎn)品養(yǎng)殖地的圖片，標(biāo)題的八個字采用簡約

白加大加粗的效果，且下方使用白色的直線將主文案與輔助文案隔開，凸顯標(biāo)

題。同時突出產(chǎn)品特點的輔助文案利用邊框為白色的圓角矩形凸顯。

產(chǎn)品細(xì)節(jié)版塊，制作了四個圓形來展示產(chǎn)品的四個方面的細(xì)節(jié)，并從上往

下S形排列。每個圓形里都配上相契合的圖片，為圓形添加一層白色邊框，打

造邊界感。最后用橙黃色的圓角矩形邊框劃分出與下一版塊的區(qū)域。

產(chǎn)品賣點版塊，只做重點突出產(chǎn)品品質(zhì)這一賣點。左文右圖和右文左圖的

構(gòu)圖方式。文案制作為點綴文案、主文案、輔助文案從上至下S形排列，利用

字體的大小、顏色變化來呈現(xiàn)，且突出賣點單獨用橙黃色的圓形邊框凸顯。再

在文案旁邊加上大閘蟹的賣點圖片。

產(chǎn)品信息版塊，用填充灰色的圓角矩形劃分出產(chǎn)品信息區(qū)域，利用主文案

與輔助文案進(jìn)行說明性描述。文字采用黑色字體，并將標(biāo)題做放大處理。

最后買家須知版塊，標(biāo)題字體做加大加粗處理，正文詳述“關(guān)于售后”、

“關(guān)于快遞”、“關(guān)于簽收”的問題，在每個問題前使用相關(guān)的圖標(biāo)，更加醒

目。文字居左對齊。

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

程圖如圖17所示。

19

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

圖16產(chǎn)品1詳情頁設(shè)計效果圖

20

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