湖南商務職業(yè)技術學院畢業(yè)設計

目錄

1鮮康食譜淘寶店鋪概況................................................1

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

1.2鮮康食譜淘寶店鋪現(xiàn)狀..........................................2

2鮮康食譜淘寶店鋪視覺營銷分析........................................2

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

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

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

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

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

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

2.3店鋪風格分析..................................................6

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

3鮮康食譜淘寶店鋪視覺設計............................................7

3.1店鋪版式設計..................................................7

3.1.1首頁版式設計.............................................8

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

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

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

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

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

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

4鮮康食譜淘寶店鋪視覺效果制作.......................................12

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

4.1.1店招設計過程............................................13

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

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

I

湖南商務職業(yè)技術學院畢業(yè)設計

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

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

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

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

4.3.1主副圖效果圖............................................21

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

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

參考資料............................................................24

II

湖南商務職業(yè)技術學院畢業(yè)設計

鮮康食鋪淘寶店鋪視覺營銷設計方案

1鮮康食鋪淘寶店鋪概況

鮮康食鋪于2022年成立，本店聚集各種美味零食，經(jīng)營范圍是日常生活中

頻繁購買的零食產(chǎn)品，對糕點、堅果干貨、糖果蜜餞、休閑零食四大類產(chǎn)品進

行銷售。本店致力于打造最高性價比給消費者的理念，將店鋪取名為“鮮

康”，“鮮”即新鮮、鮮美，“康”即健康、營養(yǎng)，兩個字組合在一起寓意著

本店誠信經(jīng)營，所有產(chǎn)品均是新鮮出廠并且保證質(zhì)量的健康零食送達到消費者

手中。該名稱可以給消費者留下深刻印象，記住店鋪的宗旨，給消費者提供舒

心的購物體驗，從而提升店鋪影響力，增加消費者的回購率。

1.1食品類淘寶店鋪發(fā)展現(xiàn)狀

在互聯(lián)網(wǎng)高速發(fā)展的情況下，網(wǎng)上購物已經(jīng)演變成為日常生活中的一種新

型的購物模式。2021年我國食品電商零售用戶規(guī)模達1.61億，上半年中國食品

電商用戶規(guī)模達2.77億人，食品電商同比增長29.4%，食品電商購物用戶規(guī)模

達3.02億人。隨著網(wǎng)絡零售市場的發(fā)展，網(wǎng)絡零售消費逐年增加，線上渠道成

為消費者的重要陣地，在整體消費環(huán)境的變化下，傳統(tǒng)零食商家，比如：良品

鋪子、三只松鼠、百草味等快速布局線上市場，將線上線下進行全渠道融合。

隨著網(wǎng)絡電商的不斷發(fā)展，傳統(tǒng)銷售渠道逐漸向現(xiàn)代銷售渠道轉(zhuǎn)變,零食電

商日益興起，網(wǎng)上渠道成為中國休閑食品銷售的主要渠道。根據(jù)中商產(chǎn)業(yè)研究

院整理的數(shù)據(jù)分析，如圖1所示。

圖1中國休閑食品按渠道劃分市場規(guī)模占比情況

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

1

湖南商務職業(yè)技術學院畢業(yè)設計

寶類數(shù)碼店鋪有288316家，其中金冠賣家店鋪2847家，皇冠賣家店鋪53034

家，鉆級賣家店鋪110149家，心級賣家店鋪71887家。通過以上數(shù)據(jù)可以分析

出，在淘寶零食店鋪中，數(shù)量最龐大的是鉆級的賣家店鋪。

圖2淘寶數(shù)碼店鋪的數(shù)量

綜上所述，在淘寶網(wǎng)中，零食類淘寶店鋪的發(fā)展日益成熟，鮮康食鋪作為

一家新店，想要在淘寶平臺把網(wǎng)店運作起來，引人注目的視覺營銷不可或缺，

這決定了顧客的停留時間，讓店鋪長期穩(wěn)定的發(fā)展下去。

1.2鮮康食鋪淘寶店鋪現(xiàn)狀

鮮康食鋪淘寶店于2022年成立，由于是新店開張，為吸引顧客的光顧，有

效的利用淘寶平臺給新店在開張期間的免費流量支持，為此店鋪推行具有誘惑

力的優(yōu)惠活動。如下：

（1）新店開業(yè)，進店即可領取5元無門檻優(yōu)惠券和滿減優(yōu)惠券。

（2）店鋪采用會員積分制，買多少就送多少積分，積分可兌換相應禮

品。

（3）本店消費滿500即可參與線上抽獎活動。

（4）本店商品贈送運費險，并且提供7天無理由退貨服務。

店鋪活動時間為二〇二二年十月一日——二〇二二年十月二十日。

2鮮康食鋪淘寶店鋪視覺營銷分析

現(xiàn)在社會上無論男女老少都是視覺動物，第一眼看中的往往都是自己所偏

好的事物。線上網(wǎng)店與線下實體店不同，在線下的消費者所見即所得，可以親

自體驗試用產(chǎn)品。但網(wǎng)店不行，在互聯(lián)網(wǎng)上視覺成了唯一能辨別選擇產(chǎn)品喜好

度的方式。如果不能在視覺上打動消費者，就算產(chǎn)品質(zhì)量再好，都是徒勞的。

因此，店鋪首先必須要在視覺上吸引消費者的目光并激發(fā)他們的購買欲望。所

以，本店將從競爭對手、視覺營銷定位、風格和色彩方面做好視覺營銷分析。

2

湖南商務職業(yè)技術學院畢業(yè)設計

2.1競爭對手分析

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

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

行參照改正。

2.1.1競爭對手店鋪1

同行業(yè)中本店鋪主要競爭對手之一是小涵涵零食鋪。小涵涵零食鋪網(wǎng)址為

/于2020年12月28日入駐淘寶，粉絲數(shù)

有12102人，DSR評分較高，物流4.8分，其余兩項均為4.7分。該店的目標

人群為中低端客戶，主打明艷、喜慶風格，以紅色為主色調(diào)。店鋪銷售各類零

食產(chǎn)品，產(chǎn)品價格水平較同行業(yè)偏低。

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

所以必須要對其視覺效果進行分析。小涵涵零食鋪視覺效果分析如表1所示。

表1“小涵涵零食鋪”視覺效果分析

效果

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

版塊

優(yōu)點：店招以鮮艷的

紅色作為背景、海報

制作滾動特效，視覺

店招和沖擊力大、添加了收

海報藏標簽。

缺點：店鋪logo過于

簡單，不會給消費者

留下深刻印象。

優(yōu)點：色彩鮮艷，分

區(qū)塊展示產(chǎn)品，制作

了滾動效果，產(chǎn)品有

寶貝陳新品、熱銷、包郵等

列區(qū)標簽。

缺點：沒有主推產(chǎn)品

做突出顯示，布局單

一。

3

湖南商務職業(yè)技術學院畢業(yè)設計

優(yōu)點：設置有搜索

框，標注發(fā)貨和退換

首頁貨事項。

底部缺點：未制作返回頂

部的版塊，影響瀏覽

體驗。

優(yōu)點：主圖有邊框設

計，突出價格優(yōu)惠。

主副圖

缺點：副圖未做設

計，沒有文案描述。

優(yōu)點：寫出產(chǎn)品的賣

點，方便消費者了解

產(chǎn)品信息，將兩種口

味進行對比，方便消

詳情頁

費者對照選購。

缺點：產(chǎn)品展示版塊

設計過于簡單，沒有

寫明制作工藝。

2.1.2競爭對手店鋪2

同行業(yè)中本店鋪的另一主要競爭對手是考拉窩零食鋪?？祭C零食鋪店鋪

網(wǎng)址為/于2019年3月22日入駐天貓店

鋪，粉絲數(shù)有57萬人，淘寶五金冠店鋪，DSR評分也較高，三項都有4.7分。

該店主打可愛、呆萌風格，以藍色為主色調(diào)。店鋪的產(chǎn)品價格較低。主營產(chǎn)品

很豐富，分為八個類別，包括辣條素食、膨化餅干、蛋糕糕點、糖果飲品、蜜

餞果干、肉鋪海鮮、炒貨堅果和方便速食，品牌跨度大。

對于考拉窩零食鋪的視覺效果分析如表2所示。

表2“考拉窩零食鋪”視覺效果分析

效果

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

版塊

4

湖南商務職業(yè)技術學院畢業(yè)設計

優(yōu)點：首頁海報的制

作視覺沖擊力強。店

店招和招設置收藏區(qū)。

海報缺點：店招未設置搜

索框，不方便消費者

瀏覽。

優(yōu)點：設置熱銷產(chǎn)品

版塊，產(chǎn)品陳列主次

分明，主推的產(chǎn)品做

寶貝陳突出顯示，產(chǎn)品陳列

列區(qū)風格統(tǒng)一。

缺點：沒有店鋪的優(yōu)

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

類導航版塊。

首頁缺點：首頁底部沒有

底部返回頂部版塊。

優(yōu)點：主圖價格設計

顯眼，視覺吸引力

強。

主副圖

缺點：副圖沒有寫明

產(chǎn)品賣點，無文案襯

托。

優(yōu)點：展示不同口味

的產(chǎn)品，有產(chǎn)品細節(jié)

圖。

詳情頁

缺點：沒有制作產(chǎn)品

賣點版塊，產(chǎn)品介紹

信息不足。

2.2店鋪視覺營銷定位分析

店鋪視覺營銷定位是一個店鋪開始運作的基礎。開設一個店鋪必須要對店

5

湖南商務職業(yè)技術學院畢業(yè)設計

鋪有一個精確的定位，否則，將無法把店鋪內(nèi)的寶貝精準地推送給盡可能多的

目標客戶群體。本店主要從產(chǎn)品定位和消費人群定位兩方面來分析視覺營銷的

定位。

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

鮮康食鋪淘寶店鋪經(jīng)營的產(chǎn)品以零食產(chǎn)品為主，目標是中低端市場，主要

銷售堅果干貨、糖果蜜餞、休閑零食和糕點。本店的產(chǎn)品定位分析主要從產(chǎn)品

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

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

本店主推兩款產(chǎn)品，一款是乳酸菌夾心面包，售價為29.9元，在同系列產(chǎn)

品中，性價比高。不僅營養(yǎng)美味，還有品質(zhì)保障，以及29.9元的優(yōu)惠價格。這

貫穿了本店要打造最高性價比的理念。另一款是益生菌每日堅果禮盒，具有超

多賣點：高堅果配比、營養(yǎng)健康、獨立包裝等，售價僅89.9元。新鮮日期加上

品質(zhì)保障，把健康零食送達到消費者手中。

（2）市場分析

在國內(nèi)，中高端數(shù)碼市場被三只松鼠、良品鋪子等知名品牌占據(jù)，并處于

壟斷地位，而中國的中低端市場還沒有一個能占據(jù)主導地位的品牌。因此鮮康

食鋪將淘寶店鋪定位于中低端市場，本店的產(chǎn)品定位是結(jié)合超高性價比以及產(chǎn)

品新鮮出廠，精準定位于消費者的真正需求，給消費者提供舒心的購物體驗，

營造良好的產(chǎn)品形象，從而提升店鋪影響力。

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

鮮康食鋪淘寶店鋪經(jīng)營各類零食產(chǎn)品，這類消費者以年輕人為主，年齡主

要集中在15到35歲的人群，其中女性是引導零食消費的主流群體。從職業(yè)類

別來看，在讀學生和辦公室白領在總體中占比超過半數(shù)。這類消費群體的總體

消費特征偏向于產(chǎn)品種類豐富、性價比高的產(chǎn)品，且愛吃零食、經(jīng)濟實力相對

較薄弱。

2.3店鋪風格分析

在網(wǎng)絡購物的環(huán)境中，當消費者在頁面上點開一家店鋪時，首先引入眼簾

的就是店鋪的整體風格。店鋪有一個某種特定的風格，有利于吸引愛好這種風

格的客戶群體，提升店鋪的轉(zhuǎn)化率和點擊率，這將成為店鋪可持續(xù)發(fā)展的關

鍵。店鋪風格定位越精準，在搜索推薦邏輯上就越精準，就能夠收獲更多的目

6

湖南商務職業(yè)技術學院畢業(yè)設計

標人群，將顧客轉(zhuǎn)化為粉絲，提高店鋪粉絲粘性。綜合店鋪的目標人群以及銷

售產(chǎn)品的特點分析得出，本店的總體風格以小清新為主，凸顯暖色調(diào)的風格，

并用簡單樸素的線條、形狀和文字來裝飾店鋪產(chǎn)品，呈現(xiàn)出活潑可愛的氛圍。

2.4店鋪色彩分析

店鋪的色彩搭配是很關鍵的，色彩搭配好了有利于吸引更多的消費者進店

選購，這凸顯了店鋪視覺設計的重要性。由于店鋪售賣的是零食類產(chǎn)品，所以

本店以橙色為主色調(diào)，這個色調(diào)會讓人感覺心情愉悅，胃口也會隨著心情變好

而大開。暖色調(diào)可使店鋪裝修呈現(xiàn)溫馨、和煦、熱情的氛圍，讓買家在購買的

同時，會產(chǎn)生愉悅的購物體驗。

店鋪的logo采用土紅色，表達出一種熱情有活力的感覺。

店鋪以黃色、白色為輔色，這樣的搭配使頁面看起來干凈整潔。用橙色作

為本店產(chǎn)品展示的背景色，給人一種朝氣活潑的感覺，凸顯一種輕松舒適的氛

圍。紅色用于店鋪的價格標簽，鮮明的顏色突出價格的實惠，吸引消費者的目

光。

店鋪以玫紅色和橙黃色為點綴色，兩種顏色都是明亮的顏色，且能夠營造

出喜慶的氛圍，從而打造出店鋪的營銷氛圍。

3鮮康食鋪淘寶店鋪視覺設計

一個店鋪良好的視覺效果是吸引顧客的關鍵因素，而有好的版式設計和文

案策劃，才能帶給顧客視覺上的沖擊力，留住他們購買消費。版式設計就是店

鋪根據(jù)設計整體和視覺需求，將文字、圖片及色彩等視覺傳達信息要素進行排

列組合的設計行為與過程。優(yōu)秀的文案，不僅能用最簡潔的語言把產(chǎn)品賣點說

得一清二楚，同時更能通過清晰的價值輸出瞬間抓住顧客的眼球。下文將對本

店的版式設計和文案策劃的內(nèi)容進行介紹。

3.1店鋪版式設計

店鋪的版式設計主要包括首頁和詳情頁。首頁的版式設計可以讓消費者在

短時間內(nèi)建立對店鋪的信任，增加在店鋪的停留時間，促進店鋪產(chǎn)品的轉(zhuǎn)化

率。這就需要在設計上，要突出店鋪風格，對商品進行分類，吸引消費者的注

意力。而詳情頁的版式設計則是要向消費者傳達出店鋪產(chǎn)品的相關信息，了解

店鋪的產(chǎn)品，突出產(chǎn)品的賣點，所以詳情頁的版式設計需要做到詳細真實，提

高消費者的購買欲望。

7

湖南商務職業(yè)技術學院畢業(yè)設計

3.1.1首頁版式設計

首頁版式設計的大小為1920px×6000px，用明亮溫暖的橙黃色作為店鋪全

局的背景色。進入店鋪首頁，最頂部的便是店招以及導航條。店招采用鵝黃色

和嫩綠色搭配作為背景顏色，給人一種清新健康的感覺，導航條則采用純色背

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

熱銷產(chǎn)品。導航條則是先放置店鋪菜單主題，然后放置店鋪的搜索框。

導航條下面的便是海報，一張別出心裁的海報Banner圖，能夠快速吸引店

鋪目標群眾的注意力，適時地展現(xiàn)店鋪的宣傳信息，從而起到促銷推廣等重要

作用，所以將海報的大小設置為1920px×700px。通過超大的占屏面積，給消

費者帶來視覺上的沖擊力，迅速抓住消費者的眼球。海報采用的是左右的構圖

方式，文案在左邊，產(chǎn)品放右邊。

海報以下便是店鋪的分類專區(qū)，分別是店鋪優(yōu)惠、熱銷產(chǎn)品、糕點專區(qū)、

堅果干貨、糖果蜜餞、休閑零食。在這些板塊中的設計，保持版面的統(tǒng)一性，

主要運用矩形、圖片的變化來設計，增強畫面的層次感，使產(chǎn)品更加突出，讓

消費者了解店鋪的商品。版塊內(nèi)采用有左圖右文、右圖左文和上圖下文的構圖

方式。

最后一部分則是返回首頁，這一部分采用簡單的矩形和純色背景組合來設

計，整體居中對齊。

鮮康食鋪淘寶店鋪首頁版式設計草圖如圖3所示。

8

湖南商務職業(yè)技術學院畢業(yè)設計

圖3店鋪首頁版式設計草圖

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

產(chǎn)品1的詳情頁大小設置為750px×4900px，是本店的主推產(chǎn)品之一乳酸

菌夾心面包。首先是產(chǎn)品海報的設計，背景是清新的白杏色加上紋理組合形

成。下面的板塊依次是產(chǎn)品優(yōu)勢、產(chǎn)品信息、買家須知，采用黃褐色矩形來區(qū)

分每個版塊。產(chǎn)品優(yōu)勢采用上圖下文、左圖右文形式的排版，圖片與文字結(jié)

合，一目了然，方便消費者快速了解產(chǎn)品。產(chǎn)品信息采用上文下圖的排版，全

方面介紹產(chǎn)品的詳細信息。最后是買家須知版塊，采用矩形色塊，圖標加文字

組成。

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

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

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

產(chǎn)品2的詳情頁設計，是本店的另一款主推產(chǎn)品益生菌堅果禮盒。在詳情

頁的設計中，整體與產(chǎn)品1差不多的設計樣式，來保持店鋪的統(tǒng)一性。最上面

9

湖南商務職業(yè)技術學院畢業(yè)設計

的是產(chǎn)品海報，海報的大小設置為750px×875px，采用紋理效果的白杏色作為

背景色。產(chǎn)品優(yōu)勢版塊采用上文下圖、左圖右文交替使用的排版方式，詳細全

面的描述產(chǎn)品的優(yōu)勢賣點，再通過圖標簡略介紹產(chǎn)品的外觀和包裝特點。產(chǎn)品

信息板塊采用圖片在上，文字介紹在下的構圖方式，是消費者能夠清晰的瀏

覽，增強視覺沖擊力。最后的買家須知板塊采用與產(chǎn)品1詳情頁相同的版塊設

計。

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

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

3.2店鋪文案策劃

無論是線下門店，還是線上網(wǎng)店，文案已然成為門店營銷的一部分，也是

開店時需要考慮的基本要素之一。文案，是店鋪與消費者溝通的橋梁，一個展

示、推廣自己的絕佳機會。而一篇好的文案可以吸引潛在客戶，甚至還能提高

目標用戶的購買率。

10

湖南商務職業(yè)技術學院畢業(yè)設計

3.2.1首頁文案策劃

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

logo下是店鋪的名稱“鮮康食鋪”，以及店鋪標語“聚集各種美味零食”。右

邊便是店鋪的兩個熱銷產(chǎn)品，為了滿足消費者選購產(chǎn)品的需求，分別加入“立

即搶購”的標簽，下方添加了方便消費者搜索本店鋪產(chǎn)品的搜索框。

首頁的海報版塊，首先是用加大加粗變形字體的“早餐夾心面包”突出店

鋪海報推廣的產(chǎn)品是什么。其次，用“小面包，大幸?！斌w現(xiàn)產(chǎn)品的特點和口

感，讓消費者了解產(chǎn)品的賣點。最后加上本店的保障信息“品質(zhì)保障、現(xiàn)貨即

發(fā)、日期新鮮”。

店鋪優(yōu)惠版塊的具有指引性的文案——“先領券再購物”，再搭配上

“<CouponShopping>”的英語文案進行點綴。最后是優(yōu)惠券的滿減信息，抓住

了消費者的眼球，激發(fā)他們的購買欲望。

店鋪的活動版塊，采用具有吸引力的文字“新品上市、爆款直降”，提高

顧客消費積極性。產(chǎn)品配以“酸甜夾心，生活中的小確幸”等自身賣點，讓顧

客了解產(chǎn)品的具體信息。

在接下來的糕點專區(qū)、堅果干貨、糖果蜜餞、休閑零食的板塊中，分割條

都是采用加大加粗字體，讓顧客了解到每個板塊的具體內(nèi)容，產(chǎn)品文案描述對

應產(chǎn)品的名稱、克數(shù)以及產(chǎn)品的價格和“立即購買”的引導性標簽文案。每個

板塊的產(chǎn)品統(tǒng)一屬性風格，風格強的店鋪產(chǎn)品的風格標簽尤其明顯，圖片極具

辨識度，能夠和消費者產(chǎn)生心智交流，提高粉絲的轉(zhuǎn)化和品牌效應，從而增強

消費者對本店鋪的辨識度。

最后是純色背景的矩形和文案組成的“返回首頁”，方便消費者滑到底部

時，點擊回到首頁頂部，給消費者提供舒心的購物體驗。

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

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

的主推產(chǎn)品之一，采用商品名稱“早餐夾心面包”作主文案，底部

“SANDWICHBREAD”的英語文案作為點綴，產(chǎn)品賣點“面包口感酥香軟

綿”為海報的輔助文案，抓住顧客購買本產(chǎn)品的實際需求。

由于店鋪手機食品作為客單價較低，消費群體廣的產(chǎn)品，所以產(chǎn)品的口感

是消費者關注的要點要想抓住消費者的心，先要抓住消費者的胃。詳情頁海報

往下，便是產(chǎn)品優(yōu)勢板塊，“原料配比·成就好味道”的宣傳標語和帶有產(chǎn)品

原材料圖片，讓消費者了解本店鋪采用的都是新鮮的食材制作而成，提高對店

11

湖南商務職業(yè)技術學院畢業(yè)設計

鋪的信任?！靶】诖煨汀蔽櫩?，增加新鮮感，滿足了消費者的潛在心理

需求。

產(chǎn)品信息版塊，為了使消費者更加了解產(chǎn)品的具體信息，對產(chǎn)品名稱、產(chǎn)

品類型、加工方式、食用方法、保質(zhì)期、配料的具體內(nèi)容有條有理地進行描

述。

買家須知版塊主要是對“發(fā)貨問題”、“掌柜承諾”、“簽收提醒”、

“退貨問題”等內(nèi)容進行解答，告知買家店鋪的保障承諾，以完全消除消費者

的疑慮，提高他們的回購率，與顧客建立信任關系。

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

產(chǎn)品2是本店鋪的另一款主推產(chǎn)品。在海報版塊中，通過加大加粗的標題

文字“益生菌堅果禮盒”，讓消費者一眼就明了海報推廣的產(chǎn)品是什么。底部

的“PROBIOTICNUT”英文進行點綴，打造文案策劃的層次感。使用“堅果

配比豐富營養(yǎng)”的宣傳標語，幾個簡短的文字就讓消費者知道產(chǎn)品的賣點及特

色。

為了符合店鋪整體的一個裝修風格，產(chǎn)品2的買家須知版塊都是采用與產(chǎn)

品1相同的文案設計。

產(chǎn)品優(yōu)勢版塊用加粗字體的“健康科學配比·豐富營養(yǎng)”文字作為主文

案，“6+3高堅果配比，巴旦木、開心仁……”作為輔助文字對主文案加以描

述，配上產(chǎn)品圖片讓消費者深入了解產(chǎn)品的內(nèi)容。接下來的區(qū)塊與第一區(qū)塊排

版變化不一，給消費者增加新鮮感。采用圖標加對應的說明性文字的方式來描

述產(chǎn)品包裝的三個特點，以減少大篇幅文字閱讀所帶來的枯燥感。加深消費者

對產(chǎn)品的喜愛，激發(fā)購物欲望。

產(chǎn)品信息版塊，采用圖文搭配的方式來描述，制作了一個產(chǎn)品信息表，把

商品名稱、產(chǎn)地、加工方式、儲存條件、保質(zhì)期、配料等信息寫明，產(chǎn)品信息

表越完整，越能讓消費者更細致了解產(chǎn)品，也降低了售前客服咨詢的工作量。

4鮮康食鋪淘寶店鋪視覺效果制作

基于店鋪的概況、競爭對手分析、消費者人群定位、產(chǎn)品定位分析、風格

分析、色彩分析、版式設計和文案策劃方面的確立之后就要專注于制作店鋪最

終的視覺效果圖，最終的效果圖是對于本店視覺營銷設計方案效果的直接展

示。

12

湖南商務職業(yè)技術學院畢業(yè)設計

4.1店鋪首頁效果圖制作

店鋪首頁就是就相當于人的臉面，可見店鋪首頁的設計在整個淘寶店鋪運

營中也占據(jù)著重要的位置。其效果圖的制作好壞決定了它能否在第一時間抓住

消費者的眼球，增加消費者的停留時間，提升店鋪的轉(zhuǎn)化率和點擊率。

4.1.1店招設計過程

店招，也就是一個店鋪的招牌，它能夠很好的展示店鋪的形象。當消費者

點擊一個產(chǎn)品進入這家店鋪的時候可能第一眼看到的就是店招區(qū)域。其最大的

作用就是引起消費者注意、提起消費者興趣，并激起消費者的購買欲望，直至

最后購買的目的。設計時要考慮店鋪的美觀和實用性，為了符合店鋪產(chǎn)品的定

位，把鵝黃色和嫩綠色搭配起來作為店招的背景色，給人一種清新健康的感

覺。店招的左邊為店鋪logo，采用食神的卡通形象，店鋪名稱是“鮮康食

鋪”，文字沒有做過多的變形處理，簡約而不簡單，呼應本店打造最高性價比

的理念。旁邊是值得信賴的棕色字體“聚集各種美味零食”加上字體縮小的裝

飾文字“JUJIGEZHONGMEIWEILINGSHI”。店招中間是店鋪主推的熱銷

產(chǎn)品區(qū)，用鮮艷明亮的紅色填充圓角矩形，作為立即搶購標簽的背景顏色，成

為店招版塊的亮點，吸人消費者的眼球。采用左圖右文的構圖方式擺放產(chǎn)品圖

和產(chǎn)品名稱加產(chǎn)品價格。

導航條采用中性色調(diào)的淺棕色打底填充背景，分類區(qū)塊名稱使用白色的微

軟雅黑字體，與背景形成對比，清晰明了，讓消費者瀏覽沒有視覺疲憊，以提

升消費者對店鋪的好感度。在導航條的最右邊設置了方便消費者搜索本店鋪產(chǎn)

品的搜索框，便于消費者的瀏覽，給他們提供愉悅的購物體驗。

鮮康食鋪淘寶店鋪店招設計效果圖如圖6所示，在PHOTOSHOP軟件中的

制作過程圖如圖7所示。

圖6店鋪店招設計效果圖

13

湖南商務職業(yè)技術學院畢業(yè)設計

圖7店鋪店招制作過程圖

4.1.2海報制作

牢牢抓住買家的眼球，一張好看又吸人眼球的海報是店鋪成功的一半。為

了店鋪整體的統(tǒng)一性，海報的背景色是與店招相近的顏色，背景采用面包的印

花圖案。海報下方運用不同形態(tài)的圓形成云層，形成強烈的視覺沖擊力。右上

角放置產(chǎn)品logo。采用左文右圖的構圖方式，左邊的文案采用加大加粗的字

體，并且變形加了紋理突出顯示產(chǎn)品名“早餐夾心面包”。用填充純色的矩形

作為背景，寫出“小面包，大幸?！钡馁u點。最后再用小于其他文案的字體描

述本店的三大特色——品質(zhì)保障、現(xiàn)貨即發(fā)、日期新鮮，提高消費者對店鋪產(chǎn)

品的信任。右邊放置一張產(chǎn)品圖，給它設計陰影效果，打造立體感。

鮮康食鋪淘寶店鋪首頁海報效果圖如圖8所示，在PHOTOSHOP軟件中的

制作過程圖如圖9所示。

圖8店鋪首頁海報設計效果圖

14

湖南商務職業(yè)技術學院畢業(yè)設計

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

4.1.3其他區(qū)域制作

其他區(qū)域的制作共分為店鋪優(yōu)惠、店鋪活動、四大類目產(chǎn)品展示版塊和返

回頂部版塊。

店鋪優(yōu)惠版塊，在上方設置“先領券再購物”的字眼，吸引消費者的注

意，下方擺放三張松鼠樣式的優(yōu)惠券，給顧客一種輕松活潑的氛圍。數(shù)額做放

大加粗設計且填充為白色，與優(yōu)惠券紅色背景形成對比，突出優(yōu)惠數(shù)額的大

小。引導消費者領取優(yōu)惠券再進行選購。

店鋪活動版塊，背景填充橙黃色，與其他版塊的顏色背景相呼應。分為三

個區(qū)塊，采用三個填充為白色的矩形加上紅色邊框為載體來展示，紅色旗幟搭

配“新品上市”、“爆款直降”等活動字樣展現(xiàn)產(chǎn)品的優(yōu)惠力度，給消費者視

覺上的沖擊力，促進消費者的購買行為。

四大類目產(chǎn)品版塊，每個版塊的分割條都采用矩形與橙色絲帶狀組合在一

起。文字設置為“方正尚酷簡體”，字體加入紋理效果，讓消費者在瀏覽產(chǎn)品

時準確定位每個區(qū)域。上圖下文、左圖右文的構圖方式使產(chǎn)品陳列統(tǒng)一有序，

產(chǎn)品展示采用珍珠白填充的矩形加橙色邊框來呈現(xiàn)，價格標簽用鮮艷的紅色來

展現(xiàn)，突出本店鋪打造最高性價的理念，購買標簽則采用背景填充為橘黃色的

圓角矩形與白色的字體來體現(xiàn)。產(chǎn)品通過方向大小的變化來表現(xiàn)，給消費者帶

來視覺上的層次感，提高消費者進店購買的體驗感。

最后的返回首頁版塊，制作的是填充為橘紅色的圓角矩形加上白色的字體

來呈現(xiàn)。簡單的設計，整體居中對齊。

15

湖南商務職業(yè)技術學院畢業(yè)設計

鮮康食鋪淘寶店鋪其他區(qū)域設計效果圖如圖10所示，在PHOTOSHOP軟

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

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

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

16

湖南商務職業(yè)技術學院畢業(yè)設計

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

詳情頁的好壞，直接決定了訂單的成交與否，這是賣家內(nèi)容營銷效果做得

好不好直接體現(xiàn)。一個好的詳情頁效果圖它能激發(fā)顧客的消費欲望，樹立信任

感，打消顧客的消費疑慮，促使顧客下單，同時可以傳達店鋪品牌信息，完成

從流量到有效流量再到忠實流量的一個轉(zhuǎn)化。產(chǎn)品詳情頁1制作的是店鋪主推

產(chǎn)品之一早餐乳酸菌夾心面包。

4.2.1主副圖效果圖

首先是店鋪主推產(chǎn)品1的主圖設計。一張好的主圖一定要對目標人群有吸

引力，讓消費者看到就想點進去看看，看完后能夠很快的下單。要知道主副圖

的主圖有一下豐富的元素，既要美觀又要能夠白所有信息展出出來。本產(chǎn)品的

主圖采用紅色的邊框，純白色填充的圓角矩形作為背景。主圖的左上角添加

“新品上架”標簽，吸引消費者眼球。采用左文右圖的構圖方式，左邊的文案

介紹了產(chǎn)品三個賣點，并且設置陰影，增加立體感。產(chǎn)品圖片居右，把位于主

體部分的商品很清晰地展現(xiàn)出來，同時增強了空間感。下面使用深藍色填充的

拱形作為價格標簽，金色字體，凸顯產(chǎn)品價格。“品質(zhì)保證、現(xiàn)貨即發(fā)”使用

白金色的加粗字體來呈現(xiàn)，寫明店鋪的保障服務。

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

圖如圖13所示。

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

17

湖南商務職業(yè)技術學院畢業(yè)設計

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

接下來是產(chǎn)品的副圖設計效果圖。由于本產(chǎn)品的主圖設計元素比較豐富，

副圖采用白色作為背景，四周加上紅色與金色相搭配的邊框，采用上文下圖構

圖方式。文案由主文案加輔助文案組成，主文案純色填充的圓角矩形作為背

景，添加陰影效果，字體做放大加粗處理，輔助文案位于下方。使用的圖片與

文案相呼應，占據(jù)副圖下三分之二的位置。豐富畫面整體的層次感，提升消費

者的瀏覽體驗。

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

圖如圖15所示。

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

18

湖南商務職業(yè)技術學院畢業(yè)設計

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

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

首先是產(chǎn)品海報。背景采用的是清新的白杏色加上紋理效果組合形成，上

文下圖的構圖方式。產(chǎn)品名字體做加大加粗處理，構成主文案，產(chǎn)品英語文案

作為點綴，降低透明度加上陰影效果，形成層次感。輔助文案用圓角矩形邊框

做裝飾，使用土黃色的小于主文案的字體形成。文案下方的圖片占據(jù)海報三分

之二的地方，突出產(chǎn)品，通過視覺沖擊促進產(chǎn)品銷售，調(diào)動消費者的消費欲

望。

產(chǎn)品優(yōu)勢版塊中，用黃褐色填充的矩形分區(qū)展示產(chǎn)品。白色加粗字體凸顯

標題，用小于主文案字號的字體作為輔助文案給主文案加以補充說明。采用上

文下圖、左圖右文的形式排版，搭配圖片減少消費者閱讀大量文字帶來的枯燥

感。

產(chǎn)品信息版塊，采用上圖下文的構圖方式。產(chǎn)品圖片居中排布，讓消費者

看清產(chǎn)品包裝，文案部分用橫線分隔開，自上而下依次介紹產(chǎn)品的詳細信息。

文字采用白色字體，居左對齊，便于消費者一目了然地清楚產(chǎn)品內(nèi)容。

最后買家須知版塊，采用黃褐色矩形做為背景，左邊搭配與內(nèi)容呼應的圖

標，標題字體做加大加粗處理，達到醒目的效果。正文詳細描寫四個給消費者

提供保障的內(nèi)容，每一段利用橫線分隔開，文字居左對齊。

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

程圖如圖17所示。

19