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

目錄

1SPRINGDAY淘寶店鋪概括...................................................................................1

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

1.2SPRINGDAY淘寶店鋪發(fā)展現(xiàn)狀...............................................................1

2SPRINGDAY淘寶店鋪視覺營(yíng)銷分析....................................................................1

2.1競(jìng)爭(zhēng)對(duì)手分析................................................................................................2

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1..................................................................................2

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2..................................................................................2

2.2淘寶店鋪視覺營(yíng)銷定位分析........................................................................2

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

2.2.2店鋪消費(fèi)者人群定位分析.................................................................5

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

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

3SPRINGDAY淘寶店鋪視覺設(shè)計(jì)...........................................................................6

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

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

3.1.2產(chǎn)品詳情頁(yè)1版式設(shè)計(jì).....................................................................8

3.1.3產(chǎn)品詳情頁(yè)2版式設(shè)計(jì).....................................................................9

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

3.2.1首頁(yè)文案策劃...................................................................................11

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

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

4SPRINGDAY淘寶店鋪視覺效果制作.................................................................12

4.1店鋪首頁(yè)效果圖制作..................................................................................13

4.1.1店招設(shè)計(jì)過(guò)程...................................................................................13

4.1.2海報(bào)制作...........................................................................................14

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

I

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

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

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

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

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

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

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

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

參考資料.....................................................................................................................25

II

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

SPRINGDAY淘寶店鋪視覺營(yíng)銷設(shè)計(jì)方案

1SPRINGDAY淘寶店鋪概況

SPRINGDAY店鋪是一個(gè)專門銷售女性包包的店鋪，是為不同女性顧客提

供時(shí)尚、潮流女包的網(wǎng)店。成立于2020年，擁有手提包、單肩包、雙肩包、斜

挎包等多種款式。主打簡(jiǎn)約、經(jīng)典、復(fù)古、休閑的設(shè)計(jì)風(fēng)格，追求的是雖簡(jiǎn)約

但不失優(yōu)雅氣質(zhì)的包包。針對(duì)不同的場(chǎng)合、不同的愛好，SPRINGDAY女包店

都能滿足你。如果你喜歡極簡(jiǎn)、精致的風(fēng)格，那么SPRINGDAY女包店是你絕

對(duì)不能錯(cuò)過(guò)的店鋪。

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

隨著生活水平的提高和社會(huì)經(jīng)濟(jì)的發(fā)展，女性對(duì)自己的要求越來(lái)越高，通

過(guò)各種各式各樣的方式展現(xiàn)自己滿足自己。因此，包包同服裝和化妝品一樣成

為我們生活中不可或缺的裝飾品。2019年，國(guó)內(nèi)女包的銷量達(dá)到9.63億個(gè)，2020

年由于新冠疫情的影響，整個(gè)女包市場(chǎng)的銷售量逐漸呈緩慢增長(zhǎng)趨勢(shì)。

女包市場(chǎng)可劃分為大眾、中端、高端與奢侈，其中中端市場(chǎng)更受消費(fèi)者歡

迎。

女包在淘寶里屬于較熱門類目，競(jìng)爭(zhēng)是十分激烈，新開設(shè)的店鋪假如沒(méi)有

貨源，沒(méi)有資金支撐還有電商運(yùn)營(yíng)的獨(dú)特技巧想在淘寶上立足是十分難的。

1.2SPRINGDAY淘寶店鋪發(fā)展現(xiàn)狀

SPRINGDAY淘寶店鋪是在2020年成立，擁有手提包、單肩包、雙肩包、

斜挎包等多種款式等。且開設(shè)時(shí)間較短，所以店鋪的粉絲量較少，整個(gè)店鋪的

規(guī)模偏小，但是花費(fèi)成本高。經(jīng)營(yíng)狀況一直往好的方向發(fā)展，而且本店不斷地

優(yōu)化產(chǎn)品種類，引進(jìn)新的款式，讓我們的知名度得到了很大的提升，整體來(lái)看，

在整個(gè)包包店鋪的市場(chǎng)上處于中下的位置。

2SPRINGDAY淘寶店鋪視覺營(yíng)銷分析

在當(dāng)下一個(gè)發(fā)展迅速的銷售市場(chǎng)中，做好店鋪前期的宣傳和視覺營(yíng)銷分析

可以幫助我們吸引更多的顧客和給店鋪帶來(lái)更多的流量。包包店鋪的市場(chǎng)競(jìng)爭(zhēng)

激烈，如果沒(méi)有一個(gè)好的口碑品牌，沒(méi)有在店鋪宣傳上賣力，廣大的網(wǎng)名顧客

是不會(huì)為你停留的。所以想要讓人們?nèi)ベ?gòu)買你的商品，想讓他們眼前一亮，要

1

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

通過(guò)一個(gè)精致、美麗的裝修設(shè)計(jì)去吸引他們的目光。讓他們激發(fā)想點(diǎn)擊店鋪的

興趣甚至購(gòu)買商品。所以從以下幾個(gè)方面對(duì)店鋪進(jìn)行視覺營(yíng)銷分析。

2.1競(jìng)爭(zhēng)對(duì)手分析

首先要確立自身的市場(chǎng)競(jìng)爭(zhēng)地位，并對(duì)競(jìng)爭(zhēng)對(duì)手進(jìn)行評(píng)估分析，分析他們

的優(yōu)點(diǎn)和缺點(diǎn)，且利用這些得到信息制定有效的網(wǎng)店市場(chǎng)競(jìng)爭(zhēng)策略。

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1

首先，第一個(gè)競(jìng)爭(zhēng)對(duì)手是DISSONA，DISSONA的網(wǎng)址為

/，成立于1990年，是一個(gè)擁有著國(guó)際視野的輕奢品牌手

袋鞋履店。粉絲數(shù)較高，店鋪主要裝修以白色為主，走的是較簡(jiǎn)約的風(fēng)格，店

內(nèi)產(chǎn)品的價(jià)格偏中上，主要銷售的是各式包包和鞋履以及配飾。

DISSONA店鋪視覺效果分析如下表1所示。

表1“DISSONA店鋪”視覺效果分析

效果版

競(jìng)店視覺效果截圖分析評(píng)價(jià)

塊

優(yōu)點(diǎn)：店招以黑色為主，一個(gè)

大大的店鋪logo放在中間，十

分大氣。海報(bào)采用一款店內(nèi)的

店鋪、

包包實(shí)拍圖做背景，右側(cè)放置

海報(bào)

了一個(gè)能夠進(jìn)入店鋪的二維

碼，更為便捷。

缺點(diǎn)：太過(guò)簡(jiǎn)約單調(diào)。

優(yōu)點(diǎn)：寶貝排列有序，框架一

致，且寶貝的構(gòu)圖都大為一致，

寶貝排看上去十分整齊。

列缺點(diǎn)：圖片運(yùn)用過(guò)于單調(diào)，可

以采用些精美的圖片做商品

圖。

優(yōu)點(diǎn)：詳細(xì)的介紹出能夠帶來(lái)

的服務(wù)與各項(xiàng)關(guān)于產(chǎn)品提供的

底部

保障。

缺點(diǎn)：沒(méi)有做翻頁(yè)設(shè)計(jì)，也沒(méi)

2

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

有返回頂部的設(shè)計(jì)，操作起來(lái)

有些麻煩。

優(yōu)點(diǎn)：主圖活動(dòng)、時(shí)間、價(jià)格

都介紹的十分清楚，且副圖的

主圖副模特上身圖凸顯產(chǎn)品的設(shè)計(jì)。

圖缺點(diǎn)：圖片選擇沒(méi)有十分精美，

黑色有些過(guò)于單調(diào)。

優(yōu)點(diǎn)：用戶可以通過(guò)手機(jī)掃碼

進(jìn)入該店鋪。

缺點(diǎn)：太過(guò)簡(jiǎn)約，用戶需要點(diǎn)

擊才能查看本店的商品，且無(wú)

詳情頁(yè)優(yōu)惠活動(dòng)板塊，不能吸引顧客。

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2

第二個(gè)競(jìng)爭(zhēng)對(duì)手是稻草人，稻草人的網(wǎng)址為

/index-1000001048.html，粉絲數(shù)量為147萬(wàn)，成立于1936年，

經(jīng)營(yíng)服裝包包行業(yè)。店鋪好評(píng)率比較高，銷售的產(chǎn)品價(jià)格偏中等，店內(nèi)裝修也

是稍微簡(jiǎn)約大氣的風(fēng)格。

稻草人旗艦店的視覺效果分析如表2所示。

表2“稻草人店鋪”視覺效果分析

效果版

競(jìng)店視覺效果截圖分析評(píng)價(jià)

塊

3

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

優(yōu)點(diǎn)：店招以白色背景為主加

上了禮盒套裝、單肩小方包等

的小圖案做裝飾，店鋪logo

店鋪和放置在左上側(cè)，最右側(cè)還配上

海報(bào)了企業(yè)團(tuán)購(gòu)專線板塊，吸引顧

客注意力引導(dǎo)他們消費(fèi)購(gòu)買。

缺點(diǎn)：圖案太多，過(guò)于復(fù)雜。

優(yōu)點(diǎn)：寶貝的框架統(tǒng)一，整齊

劃一的排列。

缺點(diǎn)：圖片太過(guò)單調(diào)。

寶貝成

列

優(yōu)點(diǎn)：詳細(xì)的介紹了能夠提供

首頁(yè)底的售后服務(wù)和保障。

部缺點(diǎn)：沒(méi)有做翻頁(yè)設(shè)計(jì)，用戶

操作起來(lái)比較復(fù)雜。

優(yōu)點(diǎn)：產(chǎn)品的優(yōu)惠活動(dòng)運(yùn)用紅

色的框架，烘托氣氛。且配上

了“贈(zèng)運(yùn)費(fèi)險(xiǎn)”字眼，給了客戶

主副圖

又一層保障。

缺點(diǎn)：副圖上沒(méi)有加以產(chǎn)品的

賣點(diǎn)文案。

優(yōu)點(diǎn)：各個(gè)板塊產(chǎn)品的模特圖

選的十分精美，且對(duì)產(chǎn)品進(jìn)行

詳情頁(yè)了詳細(xì)的分類，整個(gè)設(shè)計(jì)風(fēng)格

簡(jiǎn)約清晰，使得用戶能夠隨時(shí)

找到想要瀏覽的頁(yè)面。

4

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

缺點(diǎn)：優(yōu)惠板塊不夠多，模特

采用過(guò)于單一。

2.2淘寶店鋪視覺營(yíng)銷定位分析

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

SPRINGDAY淘寶店鋪經(jīng)營(yíng)的產(chǎn)品主要以女包類產(chǎn)品為主，目標(biāo)市場(chǎng)為中

高端市場(chǎng)。因此本店的產(chǎn)品定位分析主要從市場(chǎng)環(huán)境分析、用戶需求分析、產(chǎn)

品特點(diǎn)分析展開。

（1）市場(chǎng)環(huán)境分析

女包，作為女性時(shí)尚潮流的一件單品，可謂在生活中起了很重要的作用。

以前，網(wǎng)購(gòu)還未普及，人們局限于去線下門店購(gòu)買，但是隨著現(xiàn)在社會(huì)經(jīng)濟(jì)的

發(fā)展，電商行業(yè)迅速崛起，線上購(gòu)物的方式更迎合大部分消費(fèi)者。相比于線下

門店購(gòu)買，線上挑選更為方便，且品種更多樣。女包的種類繁多，其中斜挎包、

雙肩包受到了大致消費(fèi)者的喜愛。

（2）用戶需求分析

第一隨著女性生活態(tài)度的變化，消費(fèi)者對(duì)多功能性的女包需求量持續(xù)增加。

她們更希望女包能在日常生活中發(fā)揮更大的作用。如裝化妝品、電子設(shè)備。第

二價(jià)格合理，消費(fèi)者對(duì)于價(jià)格非常的敏感，中低價(jià)位的產(chǎn)品更能在女包市場(chǎng)中

占據(jù)很重要的地位。第三，人們更傾向于品質(zhì)性價(jià)比更高的女包。很大一部分

消費(fèi)者對(duì)品質(zhì)、設(shè)計(jì)要求嚴(yán)格，他們更喜歡高品質(zhì)材料和做工精致的女包。

（3）產(chǎn)品特點(diǎn)分析

店鋪中有兩款包包受到了大致消費(fèi)者的喜愛：第一款是幸運(yùn)飛馬系列的腋

下HORO包。該款包包采用品牌的經(jīng)典形象“飛馬”作為靈感，賦予了“以夢(mèng)

為馬，不負(fù)韶華”的美好愿望。舒適細(xì)膩且優(yōu)雅耐用，售價(jià)169元。第二款是

輕盈百搭的托特包。該款包包采用煥然新色的經(jīng)典老花，輕松出行，輕啟生活。

輕盈的質(zhì)感和耐磨的工藝，且為小號(hào)托特包，更為便捷輕巧，售價(jià)為169元。

兩款包包都為店內(nèi)爆款，價(jià)格也偏中等。

2.2.2店鋪消費(fèi)者人群定位分析

5

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

SPRINGDAY淘寶店鋪女裝主營(yíng)的產(chǎn)品是女包類的產(chǎn)品，主要的消費(fèi)人群

面向年輕女性，尤其是年齡在20-30歲的女性居多。隨著收入的提高和她們地位

的提升，女性對(duì)品質(zhì)的追求也越高。尤其是年輕一類的女性，她們更注重時(shí)尚

和個(gè)性化。其次也面向于中高消費(fèi)水平的人群，她們注重品牌、質(zhì)量。也有一

大部分不想出門沒(méi)時(shí)間出門的消費(fèi)人群，利用線上購(gòu)物的方式更為方便便捷。

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

隨著消費(fèi)水平的不斷提升，店鋪的風(fēng)格變得更加重要。一個(gè)店鋪的風(fēng)格，

不僅僅是用來(lái)吸引消費(fèi)者，更是為顧客打造了一個(gè)虛擬的線上模擬環(huán)境，讓顧

客在購(gòu)物的同時(shí)得到享受和放松，所以在選擇店鋪的風(fēng)格中尤為重要。SPRING

DAY女包店鋪設(shè)計(jì)為簡(jiǎn)約清新的風(fēng)格，考慮到本店的廣大女性消費(fèi)者的年齡偏

小，簡(jiǎn)約的風(fēng)格讓顧客更為直觀的感受到親近的效果，運(yùn)用簡(jiǎn)約的線條和幾何

形更為實(shí)用。中性的色調(diào)和大量的白色更能吸引年輕女性的目光。清新的風(fēng)格

更為清新脫俗，飽含靈氣，相比于貴氣，更為高雅特色，受到了很多女性的喜

愛，給她們帶來(lái)了舒適的體驗(yàn)。

2.4店鋪色彩分析

色彩是視覺刺激，對(duì)人們的消費(fèi)情緒和行為起了很重要的作用。對(duì)于店鋪

的搭配和裝飾來(lái)說(shuō)，色彩扮演了一個(gè)很重要的角色。色彩不僅可以影響消費(fèi)者

的情緒，還可以提升她們購(gòu)買商品的欲望。例如，紅色喜慶大眾，可以引人注

目刺激消費(fèi)者的視覺神經(jīng)，用于對(duì)店內(nèi)商品的促銷，而綠色自然平和富有生命

力，用于對(duì)裝飾做點(diǎn)綴。SPRINGDAY女包店鋪采用大量的淡綠色做背景，首

先緩解消費(fèi)者視覺上的疲勞，讓他們感到放松，其次在視覺上呈現(xiàn)出清爽感，

吸睛度較高，但是又不那么搶眼更顯高級(jí)。然后采用白色作為輔色，與綠色搭

配更協(xié)調(diào)，調(diào)和整個(gè)背景的色彩；增強(qiáng)色彩的明度商品展示的效果，使其更加

平和突出。最后字體運(yùn)用大量的黑色，黑色字體給人一種輕松閱讀與更好理解，

且對(duì)消費(fèi)者眼睛的刺激降到最低，更好的保護(hù)了我們的眼睛，顯得整個(gè)板式更

加的整齊立體。

3SPRINGDAY淘寶店鋪視覺設(shè)計(jì)

當(dāng)下時(shí)代，電商發(fā)展迅速，人們不再局限于去線下店鋪購(gòu)買，更多的選擇

在網(wǎng)上購(gòu)物。再者，淘寶開設(shè)店鋪的門檻低，導(dǎo)致越來(lái)越多的店鋪加入競(jìng)爭(zhēng)十

分激烈。因此，店鋪的視覺設(shè)計(jì)成了網(wǎng)絡(luò)營(yíng)銷中至關(guān)重要的一步。所以為了更

6

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

好的將本店的設(shè)計(jì)技巧與創(chuàng)意更好的呈現(xiàn)給大家，以下為本店為視覺營(yíng)銷設(shè)計(jì)

展開的內(nèi)容。

3.1店鋪版式設(shè)計(jì)

店鋪版式設(shè)計(jì)，顧名思義就是在有限的版面上，把構(gòu)成版面的重要因素：

文字、圖片、線條、顏色，根據(jù)自己的要求與創(chuàng)意進(jìn)行組合排列，給人以心理

與情感上的力量。首先它分為兩大類：店鋪首頁(yè)與店鋪詳情頁(yè)。首頁(yè)給消費(fèi)者

直觀的感受店鋪，清晰的將本店重要信息傳達(dá)給顧客。因此在首頁(yè)上，要將本

店的主題、特色、產(chǎn)品特點(diǎn)展現(xiàn)給顧客。然而詳情頁(yè)是告訴消費(fèi)者產(chǎn)品是什么，

將產(chǎn)品的價(jià)格、外觀與功能呈現(xiàn)給顧客。因此在詳情頁(yè)上，通過(guò)對(duì)消費(fèi)者的調(diào)

查，要做到產(chǎn)品信息準(zhǔn)確明了突出產(chǎn)品重要信息，從而促進(jìn)消費(fèi)者購(gòu)買產(chǎn)品。

3.1.1首頁(yè)版式設(shè)計(jì)

首頁(yè)版式設(shè)計(jì)的畫布大1920px×14520px，構(gòu)成SPRINGDAY店鋪首頁(yè)的

要素有背景、店鋪導(dǎo)航條、海報(bào)、店鋪的各個(gè)專區(qū)、品牌故事以及最后的導(dǎo)航

條。首先采用大面積的淡綠色作為背景，緩解消費(fèi)者視覺上的疲勞。然后運(yùn)用

大量的白色、灰色作為店鋪海報(bào)、商品的背景，更加的簡(jiǎn)約時(shí)尚大氣，既有設(shè)

計(jì)感又不會(huì)那么的單調(diào)。首頁(yè)頂部是一個(gè)SPRINGDAY的店鋪名字logo，頂部

右側(cè)是對(duì)本店的一些粗略介紹與本店所獲的榮譽(yù)。繼續(xù)往下為導(dǎo)航條，采用深

褐色做背景，白色做字體，不那么的沉悶。

然后海報(bào)緊貼導(dǎo)航條，畫布大小為1920px×869px。采用左圖右文的排版方

式，再運(yùn)用大小字突出本店的主題。以一種直觀的形式展現(xiàn)給顧客，吸引他們

的注意力，給他們以深刻的印象。

緊接著海報(bào)下面是一個(gè)本店的會(huì)員專享權(quán)益。用文字、圖形的方式告訴本

店會(huì)員所享權(quán)益。

然后就是本店的一些功能專區(qū)，分為FastEntry、活動(dòng)專區(qū)、新品上市、與

甄選尖貨。從上往下通過(guò)不同的圖文編排，實(shí)現(xiàn)不同的效果。首先采用左圖右

文的方式，其余都采用上文下圖的方式。

最后就是本店的品牌故事，也是采用了上文下圖的方式清晰簡(jiǎn)明的將品牌

文化介紹出來(lái)。再用一個(gè)新的導(dǎo)航條與本店的二維碼進(jìn)行結(jié)尾給消費(fèi)者留下深

刻印象。

SPRINGDAY店鋪首頁(yè)版式的設(shè)計(jì)草圖如圖1所示。

7

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

圖1SPRINGDAY店鋪首頁(yè)版式設(shè)計(jì)草圖

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

女包1詳情頁(yè)設(shè)計(jì)的產(chǎn)品為煥然新色的經(jīng)典老花小托特包。首先整個(gè)產(chǎn)品

詳情頁(yè)的大小為750px×10630px，海報(bào)采用圖片與文字的搭配，十分的簡(jiǎn)約卻

又充分突出重點(diǎn)。然后又是一張豎版的產(chǎn)品海報(bào)，采用上圖下文的排版方式再

一次突出重點(diǎn)。依次往下是有關(guān)產(chǎn)品的賣點(diǎn)分析產(chǎn)品信息、顏色展示、細(xì)節(jié)展

示、效果展示、產(chǎn)品實(shí)拍、售后服務(wù)。采用了大量上文下圖、左圖右文與多種

圖片豎向排列的方式將產(chǎn)品的各個(gè)信息詳細(xì)的呈現(xiàn)給顧客。排列的十分整齊規(guī)

劃、有序統(tǒng)一，顧客能夠清晰的獲取到自己想要的信息。整個(gè)背景為白色，給

人以明亮、干凈，使顧客的視覺效果達(dá)到很好的體驗(yàn)，字體大都為黑色，更加

易于閱讀，具有更加持久的力量，讓顧客緩解眼睛疲勞。

8

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

女包1詳情頁(yè)版式設(shè)計(jì)草圖如圖2所示。

圖2女包1詳情頁(yè)版式設(shè)計(jì)草圖

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

女包2詳情頁(yè)的產(chǎn)品為幸運(yùn)飛馬系列的腋下HOBO包。首先，整個(gè)產(chǎn)品詳

情頁(yè)的畫布大小為，采用米白色做背景，十分簡(jiǎn)約優(yōu)雅自然。詳情頁(yè)上側(cè)為整

9

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

個(gè)產(chǎn)品的海報(bào)，采用左文右圖的方式，圖片和文字搭配十分恰當(dāng)，更突出了本

產(chǎn)品的重點(diǎn)。接著是本產(chǎn)品的一個(gè)豎版折扣海報(bào)圖，為幸運(yùn)飛馬系列的腋下

HOBO包包，使用文字嵌入式排列。然后是對(duì)幸運(yùn)飛馬系列的一個(gè)文字介紹，

采用上文下圖的排列方式，清晰的介紹出幸運(yùn)飛馬系列的一個(gè)含義。接下來(lái)又

是本店的一張海報(bào)，與前面的海報(bào)做相呼應(yīng)。跟女包1詳情頁(yè)類似，依次為本

產(chǎn)品的產(chǎn)品賣點(diǎn)、產(chǎn)品信息、顏色展示、產(chǎn)品展示、細(xì)節(jié)展示與售后服務(wù)。采

用了上文下圖，圖片嵌入式，圖片Z字排列等排版方式依次給顧客展現(xiàn)出本店

鋪產(chǎn)品的功能區(qū)。

女包2詳情頁(yè)版式設(shè)計(jì)草圖如圖3所示。

圖3女包2詳情頁(yè)版式設(shè)計(jì)草圖

3.2店鋪文案策劃

10

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

文案是用于對(duì)顧客提供介紹本店鋪的一段文字描述。在推廣店鋪的產(chǎn)品、

促進(jìn)產(chǎn)品的銷售上起了非常大的作用，因此可以通過(guò)優(yōu)化創(chuàng)意店鋪文案來(lái)達(dá)到

吸引顧客刺激顧客購(gòu)買的效果。

3.2.1首頁(yè)文案策劃

整個(gè)SPRINDAY店鋪首頁(yè)由店標(biāo)、店招、導(dǎo)航欄、店鋪海報(bào)、店鋪的各項(xiàng)

功能專區(qū)、品牌故事組成。

首先店招位于整個(gè)店鋪的首頁(yè)的頂部，從左往右依次為店鋪的logo和店鋪

所獲的榮譽(yù)?！氨毓浜玫辍蔽祟櫩唾?gòu)買我們的產(chǎn)品，提高了顧客對(duì)本店的

信任度。依次往下為導(dǎo)航欄，分別是首頁(yè)、所有產(chǎn)品、2024新品、春季新品、

品牌故事、加入會(huì)員。其中“2024新品與春季新品”起到了很大的作用，保持

了老客戶對(duì)本店鋪的新鮮感，同時(shí)新品的發(fā)布更使得店鋪的權(quán)重更高，品牌的

知名度得到了很大的提升，給店鋪吸引了更多的流量。并且依次從左往右排列，

整齊劃一達(dá)到了平順的視覺，更利于讀者閱讀。

然后為海報(bào)。海報(bào)運(yùn)用大量的白色灰色做背景，且形成了立體的效果。采

用的是左圖右文的排版方式。圖片采用了女模特上身包包的效果圖，展示包包

賣點(diǎn)吸引了顧客。文案中再一次出現(xiàn)了本店的店鋪名“SPRINGDAY”，給顧客

留下印象。然后運(yùn)用大字“璨然出新，時(shí)髦登對(duì)”，達(dá)到了一種醒目、突出、

重點(diǎn)的視覺效果。最后“立即探索”結(jié)束，更進(jìn)一步的吸引顧客點(diǎn)擊參與。

然后為本店的會(huì)員專享權(quán)益。圖形與文字的相結(jié)合，“天貓跨店滿減，滿

300減30，上不封頂”，且放置了5元、10元、15元的優(yōu)惠券、分享禮券和購(gòu)

物金充值的折扣，刺激了消費(fèi)者購(gòu)買欲望，是對(duì)消費(fèi)者最有效沖擊最大的促銷

方式。

然后是本店的幾個(gè)專欄，分別為Fastentry、活動(dòng)專區(qū)、新品上市、甄選尖

貨。其中后面三個(gè)都是為上面文字為標(biāo)題，下面運(yùn)用它們的英文進(jìn)行點(diǎn)綴。圖

片都是采用了本店的包包圖，再加以對(duì)包包修飾的詞語(yǔ)作為文案，并標(biāo)注上包

包的價(jià)格，能夠直接準(zhǔn)確地傳達(dá)給顧客包包的價(jià)格信息，真實(shí)有效的加快了購(gòu)

物進(jìn)程。其中甄選尖貨部分中還對(duì)包包進(jìn)行了分類，方便顧客自己選擇。

最后為本店的品牌故事。采用了上文下圖的方式，先試用一小段英文做裝

飾，再指出本店的宗旨，提升了本店在客戶心中的形象。

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

女包1詳情頁(yè)與首頁(yè)類似，首先采用了本店的模特上身效果圖作為背景，

在利用文字嵌入式的方式將店鋪名“SPRINGDAY”放置在圖片上。

11

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

然后為一張豎版的海報(bào)圖片，文案“輕盈百搭托特包”在整張海報(bào)的最下

側(cè)，不占據(jù)海報(bào)空間，使得海報(bào)更加清晰。

接著是賣點(diǎn)分析，“煥然新色經(jīng)典老花”、“輕盈與質(zhì)感防耐磨工藝”作

為主要文案，還運(yùn)用了小段的文字對(duì)主要文案進(jìn)行解釋。圖片則加以女包的產(chǎn)

品圖與女包面料展示圖。面料展示圖中采用整個(gè)面料作為背景，小圖形與“防

耐磨”、“防潑水”、“輕盈減負(fù)”作為文案。

然后為產(chǎn)品信息，PVC材質(zhì)、織物、0.46kg等文字對(duì)整個(gè)產(chǎn)品做出了詳細(xì)

介紹。

然后就是產(chǎn)品的顏色展示、細(xì)節(jié)展示、效果展示、產(chǎn)品實(shí)拍。大都為圖片

展示，沒(méi)有加以多數(shù)文案。其中細(xì)節(jié)展示中，“可拆卸掛飾玲瓏輕巧、小巧舒

適手挽輕盈好攜帶”，使用簡(jiǎn)明扼要的語(yǔ)言強(qiáng)調(diào)產(chǎn)品的好處。

最后是售后服務(wù)。正品保證、關(guān)于發(fā)貨、環(huán)保包裝、七天退換詳細(xì)的給消

費(fèi)者介紹了本店能提供的服務(wù)。

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

女包2詳情頁(yè)的文案策劃首先是一張以包包的模特上身圖做背景，大字店

鋪名稱與小字“幸運(yùn)飛馬系列”排列在背景圖左側(cè)，強(qiáng)調(diào)品牌形象與產(chǎn)品的獨(dú)

特性。

接下來(lái)是一張豎版的包包海報(bào)折扣圖?！跋迺r(shí)折扣”、“腋下HOBO包”

清晰的告訴顧客女包的款式與優(yōu)惠價(jià)格。

然后標(biāo)題“幸運(yùn)飛馬系列”加上一小段文字解釋了幸運(yùn)飛馬系列的來(lái)源，

“以夢(mèng)為馬，不負(fù)韶華”給以品牌優(yōu)雅、精致的風(fēng)格。

接著為產(chǎn)品的賣點(diǎn)部分，大標(biāo)題為“舒適細(xì)膩優(yōu)雅實(shí)用”、“真空鑄造鎏

金飛馬鎖扣”，文字通俗易懂，打造出包包一個(gè)柔軟輕盈且工藝性極強(qiáng)的特點(diǎn)。

然后是有關(guān)女包詳細(xì)的介紹模塊。有產(chǎn)品信息、顏色展示、產(chǎn)品展示與細(xì)

節(jié)展示這些模塊。首先產(chǎn)品信息模塊粗略的介紹了女包的外觀結(jié)構(gòu)。有材質(zhì)、

重量、功能、結(jié)構(gòu)等，且加以圖片標(biāo)注了包包的大小。接著顏色展示重點(diǎn)告訴

包包有三款顏色“奶油白”、“柔和桃粉”、“經(jīng)典黑”。然后產(chǎn)品展示和細(xì)

節(jié)展示部分全為圖片展示沒(méi)有加以過(guò)多的文字修飾。

最后為產(chǎn)品的售后服務(wù)。跟女包1詳情頁(yè)一樣，突出正品保證、關(guān)于發(fā)貨、

環(huán)保包裝、七天退換，并且加以小字對(duì)其進(jìn)行解釋。

4SPRINGDAY淘寶店鋪視覺效果制作

12

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

一個(gè)女包店鋪想要成功的關(guān)鍵，除了自身的產(chǎn)品價(jià)格和自身的質(zhì)量外，店

鋪的首頁(yè)的裝修和店鋪首頁(yè)的描述也非常重要。因此，要根據(jù)店鋪?zhàn)陨淼那闆r

特點(diǎn)加以獨(dú)特的風(fēng)格去設(shè)計(jì)一個(gè)店鋪的整體效果。下面是本店對(duì)首頁(yè)與詳情頁(yè)

視覺效果的描述。

4.1店鋪首頁(yè)效果圖制作

當(dāng)顧客訪問(wèn)店鋪時(shí)，第一眼展示出來(lái)的是店鋪的首頁(yè)，所以首頁(yè)的店鋪視

覺效果非常重要，很大程度的影響了顧客是否會(huì)為你停留。

4.1.1店招設(shè)計(jì)過(guò)程

店鋪店招，簡(jiǎn)單來(lái)說(shuō)就是一個(gè)店鋪的招牌。不僅是一個(gè)店鋪標(biāo)志的象征，

還是商家吸引招攬顧客的關(guān)鍵。下面為本店鋪店招的設(shè)計(jì)過(guò)程。

首先左側(cè)店鋪名稱“SPRINGDAY”放置在橫向的橢圓形內(nèi)，橢圓形用黑色

邊框加以裝飾。用一條豎直線隔開，右邊為兩行對(duì)店鋪的評(píng)價(jià)定位與描述，使

得整個(gè)店鋪更為合理有效、店鋪標(biāo)簽更為精準(zhǔn)。最右側(cè)為本店的一個(gè)Logo，使

用本店的一個(gè)淡藍(lán)色女包產(chǎn)品作為L(zhǎng)ogo，提升了知名度和品牌形象。

SPRINGDAY淘寶店鋪店招設(shè)計(jì)圖如圖4所示，SPRINGDAY店鋪店招的

PHOTOSHOP軟件制作過(guò)程圖如圖5所示。

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

圖5店鋪店招制作過(guò)程圖

13

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

4.1.2海報(bào)制作

店鋪海報(bào)的背景圖采用灰白色混搭起來(lái)作為背景，形成一種立體的效果，

給人以一種清新簡(jiǎn)約且視覺上十分高級(jí)。采用圖文搭配的方式構(gòu)圖，左圖右文，

圖片采用女包模特上身效果圖，直觀的感受到產(chǎn)品，吸引消費(fèi)者購(gòu)買。文案主

題則采用黑色，清晰閱讀，易于理解。且其中的“立即探索”吸引消費(fèi)者，引

導(dǎo)消費(fèi)者購(gòu)買。

SPRINGDAY淘寶店鋪海報(bào)設(shè)計(jì)效果圖如圖6所示，SPRINGDAY淘寶店

鋪海報(bào)的PHOTOSHOP軟件制作過(guò)程圖如圖7所示。

圖6店鋪首頁(yè)海報(bào)設(shè)計(jì)效果圖

圖7店鋪首頁(yè)海報(bào)制作過(guò)程圖

4.1.3其他區(qū)域制作

其他區(qū)域主要有會(huì)員專享權(quán)益、FastEntry、活動(dòng)專區(qū)、新品上市、甄選尖

貨、品牌故事。

14

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

會(huì)員專享權(quán)益采用灰色、黃色、黑色、紅色相結(jié)合而成?；疑鳛楸尘皥D，

清晰明亮。黃色作為優(yōu)惠券的背景圖，更加突出，平和色系。黑色作為基本字

體顏色簡(jiǎn)潔易懂，紅色作為重點(diǎn)標(biāo)記，鮮亮的顏色使得更加清晰，印象更深。

FastEntry專區(qū)采用左圖右文的方式，分為四個(gè)部分。兩張女包模特上身圖

在左側(cè)，黑色大字體介紹文案在右側(cè)，且用黑色邊框裝飾“立即購(gòu)買”文案，

引發(fā)消費(fèi)者的購(gòu)買心理。

活動(dòng)專區(qū)采用兩張圖片錯(cuò)疊放置，女模特圖放在下，白色作背景，更加突

出上方包包圖片。上方包包圖片加以黑色文案相搭配，準(zhǔn)確標(biāo)明價(jià)格與購(gòu)買鏈

接點(diǎn)擊處。新品上市與其放置方式一致。

甄選尖貨部分采用圖片文字相結(jié)合的方式，首先放置一張微笑的女模特圖，

畫面十分唯美和諧。下側(cè)用本店的四款包包小圖案作為裝飾點(diǎn)綴，最后采用四

款包包的名稱作為文案。

最后是品牌故事部分，文案采用英文與中文相結(jié)合。十分清晰的突出本店

的宗旨和品牌理念，下面搭配一張藍(lán)色的女模特圖，且從模特圖中可看出自由

向往有抱負(fù)、追求理想的女性魅力。最后還是本店的一個(gè)導(dǎo)航條，方便用戶瀏

覽完頁(yè)面及時(shí)返回找到想訪問(wèn)的頁(yè)面。

SPRINGDAY淘寶店鋪首頁(yè)其他區(qū)域設(shè)計(jì)效果圖如圖8所示，SPRINGDAY

淘寶店鋪首頁(yè)其他區(qū)域的PHOTOSHOP軟件制作過(guò)程圖如圖9所示。

15

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

圖8店鋪首頁(yè)其他區(qū)域設(shè)計(jì)效果圖

16

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

圖9店鋪首頁(yè)其他區(qū)域制作過(guò)程圖

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

產(chǎn)品詳情頁(yè)是做電商網(wǎng)站平臺(tái)的一個(gè)重要頁(yè)面?？梢栽斍樵敿?xì)的展示店鋪

商品的信息，將商品的價(jià)格、參數(shù)、規(guī)格、描述一一展現(xiàn)給用戶。以下是關(guān)于

本店鋪產(chǎn)品詳情頁(yè)的設(shè)計(jì)。

4.2.1主副圖效果圖

首先是產(chǎn)品1托特包的主圖的。設(shè)計(jì)鋪的名字和產(chǎn)品的單圖放置在左側(cè)，

采用白色的背景，看起來(lái)更加簡(jiǎn)潔明亮。右側(cè)放置女模特上身圖，女模特身穿

跟包包同色系上衣，更加協(xié)調(diào)。下側(cè)采用兩個(gè)橫幅作為價(jià)格、活動(dòng)時(shí)間等的介

紹。首先綠色橫幅在上，白色字體介紹商品價(jià)格與活動(dòng)時(shí)間；紅色橫幅在下，

作為一個(gè)提醒警告，告知用戶距離結(jié)束時(shí)間還有多久。

SPRINGDAY淘寶店鋪產(chǎn)品1托特包主圖設(shè)計(jì)效果圖如圖10所示，SPRING

DAY淘寶店鋪的產(chǎn)品1托特包主圖PHOTOSHOP軟件制作過(guò)程圖如圖11所示。

17

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

圖10產(chǎn)品1托特包主圖設(shè)計(jì)效果圖

圖11產(chǎn)品1托特包主圖制作過(guò)程圖

下面是產(chǎn)品1托特包的副圖。副圖相比于主圖更為簡(jiǎn)潔，主要對(duì)包包的賣

點(diǎn)進(jìn)行展示與介紹。三張副圖都是采用白底圖做背景，再加以模特上身圖，左

上角都為店鋪的logo，都分別都在左下角右下角加以產(chǎn)品的賣點(diǎn)。

SPRINGDAY淘寶店鋪產(chǎn)品1托特包副圖設(shè)計(jì)效果圖如圖12所示，SPRING

DAY淘寶店鋪的產(chǎn)品1托特包副圖PHOTOSHOP軟件制作過(guò)程圖如圖13所示。

18

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

圖12產(chǎn)品1托特包副圖設(shè)計(jì)效果圖

圖13產(chǎn)品1托特包副圖制作過(guò)程圖

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

產(chǎn)品1托特包的詳情頁(yè)主要由海報(bào)、賣點(diǎn)分析、產(chǎn)品信息、顏色展示、細(xì)

節(jié)展示、效果展示、產(chǎn)品實(shí)拍、售后服務(wù)組成。首先海報(bào)部分，采用模特上身

圖作為背景，logo用橫型條框附在海報(bào)上，更加清晰。下側(cè)為一張豎形海報(bào)，

也是同樣模特上身圖作為背景，在海報(bào)最下側(cè)加以產(chǎn)品的賣點(diǎn)。

首先賣點(diǎn)分析部分，標(biāo)題采用三條波浪線裝飾，在下側(cè)加以標(biāo)題的英語(yǔ)使

得更加精致。然后文案圖片部分，賣點(diǎn)用大字在上，對(duì)賣點(diǎn)解釋說(shuō)明用小字在

下，最后加以產(chǎn)品的圖片實(shí)拍圖進(jìn)行裝飾點(diǎn)綴。

然后是產(chǎn)品信息部分，標(biāo)題跟上者一樣，小字對(duì)產(chǎn)品的材質(zhì)、規(guī)格等的信

息進(jìn)行詳細(xì)說(shuō)明，再加以圖片文字結(jié)構(gòu)圖使得更加簡(jiǎn)潔清晰，用戶一眼就能找

到想得知的信息。

然后是顏色展示部分，采用上圖下文結(jié)構(gòu)，三張不同顏色的產(chǎn)品圖在上，

與之相對(duì)應(yīng)的名稱在下。

之后是細(xì)節(jié)展示部分，首先產(chǎn)品的內(nèi)部信息運(yùn)用結(jié)構(gòu)圖詳細(xì)說(shuō)明，后用圖

片加文字的方式再詳細(xì)對(duì)賣點(diǎn)進(jìn)行了介紹。效果展示部分，采用對(duì)模特上身圖

片參差排列，更能直觀的感受到產(chǎn)品的魅力和功能。

然后是產(chǎn)品實(shí)拍部分，三張產(chǎn)品實(shí)拍圖橫向擺放，能夠直觀的展示商品，

更加方便客戶了解產(chǎn)品信息。

最后，售后服務(wù)部分。運(yùn)用了四個(gè)小圖案和文字對(duì)正品發(fā)貨、關(guān)于發(fā)貨、

19

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

環(huán)保包裝、七天退換的問(wèn)題進(jìn)行一一解答。

產(chǎn)品1托特包的詳情頁(yè)設(shè)計(jì)效果如圖14所示，它在PHOTOSHOP軟件的設(shè)

計(jì)過(guò)程如圖15所示。

圖14產(chǎn)品1托特包詳情頁(yè)設(shè)計(jì)效果圖

20

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

圖15產(chǎn)品1托特包詳情頁(yè)制作過(guò)程圖

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

4.3.1主副圖效果圖

首先是產(chǎn)品