湖南香橙專賣店視覺營(yíng)銷設(shè)計(jì)方案

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

目錄

1湖南香橙專賣店概況.................................................1

1.1水果類店鋪發(fā)展現(xiàn)狀............................................1

1.2店鋪現(xiàn)階段發(fā)展分析............................................1

2湖南香橙專賣店鋪視覺營(yíng)銷分析.......................................2

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

2.1.1店鋪產(chǎn)品定位分析........................................2

2.1.2消費(fèi)者人群定位分析......................................2

2.2店鋪風(fēng)格分析..................................................3

2.3店鋪色彩分析..................................................3

3湖南香橙專賣店鋪視覺設(shè)計(jì)...........................................3

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

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

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

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

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

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

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

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

4湖南香橙專賣店鋪視覺效果制作......................................14

4.1首頁(yè)效果圖制作...............................................15

4.1.1店招效果圖制作.........................................15

4.1.2海報(bào)效果圖制作.........................................15

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

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

4.2.1主副圖效果圖...........................................18

4.2.2產(chǎn)品1詳情頁(yè)效果圖設(shè)計(jì)................................20

I

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

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

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

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

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

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

II

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

湖南香橙專賣店視覺營(yíng)銷設(shè)計(jì)方案

1湖南香橙專賣店概況

湖南香橙店是一個(gè)新起步的小眾專賣店，成立于2019年，是一個(gè)3鉆店

鋪，粉絲量擁有1萬(wàn)多，DSR的評(píng)分：描述相符4.6、服務(wù)態(tài)度4.7、物流服

務(wù)4.7。主營(yíng)的產(chǎn)品是湖南特色的新鮮香橙，主要銷售臍橙、丑柑橘子。店

鋪的服務(wù)宗旨是：讓新鮮的香橙送到每家每戶。

1.1水果類店鋪發(fā)展現(xiàn)狀

隨著國(guó)民經(jīng)濟(jì)的不斷發(fā)展以及人們生活水平的不斷提高，水果也逐漸

轉(zhuǎn)變?yōu)槿藗兊纳钊粘Ｏ钠?。在淘寶天貓中隨著網(wǎng)絡(luò)的不斷發(fā)展，水果

店在不斷的增加，足已說明網(wǎng)上水果是一個(gè)很大的市場(chǎng)。如此大的市場(chǎng)必

然帶來(lái)巨大的水果需求。經(jīng)我的調(diào)查，店查查插件發(fā)現(xiàn)在淘寶網(wǎng)僅僅篩選

淘寶店，水果類店鋪就111592家。其中金冠賣家占比12.53%，皇冠賣家占

比45.96%，鉆級(jí)賣家占比20.53%，心級(jí)賣家占比0%。區(qū)分天貓店鋪，其中

天貓賣家占比72.36%，金冠賣家占比4.32%，皇冠賣家占比17.36%，鉆級(jí)賣

家占比9.8%，心級(jí)賣家占比0%。

由此可見，水果類店鋪競(jìng)爭(zhēng)是比較激烈的，淘寶店鋪雖然數(shù)量大但是

占比小，而天貓店鋪則數(shù)量少但占比大。

1.2店鋪現(xiàn)階段發(fā)展分析

湖南香橙專賣店是剛剛起步的小店，在注重店鋪產(chǎn)品的質(zhì)量保證前提

下，給予顧客更加實(shí)惠的價(jià)格和優(yōu)質(zhì)品質(zhì)。主要針對(duì)有著喜歡吃水果，品

質(zhì)優(yōu)選的消費(fèi)人群，店鋪主銷香橙與丑柑種類。

湖南香橙專賣店主營(yíng)橙子類產(chǎn)品，作為剛起步的店鋪，現(xiàn)階段的經(jīng)營(yíng)

理念是在保證產(chǎn)品質(zhì)量、有自身品牌特點(diǎn)的前提下，擴(kuò)寬客戶群，吸引新

的粉絲客戶群體，促成交易，同時(shí)，不斷完善售后服務(wù)體系，對(duì)在店鋪消

費(fèi)過的客戶做好回訪工作，收集整理好客戶所反饋的信息，不斷提高客戶

的滿意度，從而增加顧客對(duì)店鋪的粘性，樹立良好的品牌形象。

1

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

2湖南香橙專賣店鋪視覺營(yíng)銷分析

隨著大數(shù)據(jù)網(wǎng)絡(luò)的時(shí)代的迅速發(fā)展，人們的消費(fèi)也實(shí)現(xiàn)了“質(zhì)”的飛

躍，大多數(shù)的消費(fèi)者不再是盲目的從眾消費(fèi)，而是有需求有目的的理性消

費(fèi)。水果類產(chǎn)品這一市場(chǎng)不再是以門店為主導(dǎo)，而是消費(fèi)者以參數(shù)、品牌去

衡量水果類產(chǎn)品。而一個(gè)店鋪想要做到更好更強(qiáng)，能夠在市場(chǎng)上有安身之

地，就必須要對(duì)消費(fèi)者的心思有一定的理解。初步設(shè)計(jì)分析好店鋪定位、

風(fēng)格、色彩，可以讓店鋪的裝修設(shè)計(jì)有個(gè)大致的風(fēng)格，方便設(shè)計(jì)時(shí)更好梳

理思路，涌現(xiàn)靈感。

2.1店鋪視覺營(yíng)銷定位分析

湖南香橙專賣店經(jīng)營(yíng)的產(chǎn)品主要是以香橙和丑柑為主，而購(gòu)買此類產(chǎn)

品的消費(fèi)者大多數(shù)為女性，收入水平中上，中年人，以一二線城市用戶居

多。這一類人群有一定的消費(fèi)能力，對(duì)產(chǎn)品有較高的要求，品牌意識(shí)強(qiáng)烈，

有著良好的審美觀，我們店鋪的色彩搭配設(shè)計(jì)主要以綠黃白三色調(diào)為主，這

種簡(jiǎn)潔的設(shè)計(jì)，可以給消費(fèi)者大氣的感覺。另外，以店鋪的主題色黃色為點(diǎn)

綴，樹立店鋪的風(fēng)格，平衡產(chǎn)品本身的優(yōu)雅與秩序，讓顧客感受到我們的

專業(yè)性。

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

店鋪主營(yíng)的是橙子類產(chǎn)品，我們店鋪的主推產(chǎn)品之一是香橙，為了符

合中高端精致優(yōu)選的定位，這款水果的售價(jià)為人民幣49.9元/箱，在橙子類

產(chǎn)品中售價(jià)并不算高，是大多數(shù)消費(fèi)者可以負(fù)擔(dān)得起的價(jià)位。香橙和丑

柑，這就是湖南香橙專賣店鋪對(duì)于主推的產(chǎn)品定位，店內(nèi)另一款主推產(chǎn)品

是沃柑和橘子，經(jīng)分析比較同類店鋪同款產(chǎn)品的價(jià)格，將此款水果的售價(jià)

定為人民幣28.8元/箱，優(yōu)質(zhì)的產(chǎn)品加上較低的價(jià)格更容易吸引消費(fèi)者。

2.1.2消費(fèi)者人群定位分析

店鋪主營(yíng)產(chǎn)品為水果類，此類產(chǎn)品的消費(fèi)者可大致分為三類，第一類是對(duì)

水果有重度需求的50歲以上人群，他們有一定的消費(fèi)能力和購(gòu)買意愿，這類人

有每天吃水果的習(xí)慣，喜歡吃，能分出香橙的好與壞。第二類是30-50左右的

女性等寶媽，會(huì)給自己空余的時(shí)間安排一點(diǎn)水果，這類人在消費(fèi)水果時(shí)，關(guān)注

的是水果的口感，實(shí)實(shí)在在的營(yíng)養(yǎng)功效，這類消費(fèi)人群消費(fèi)能力較強(qiáng)，同時(shí)占

2

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

比也大。第三類是85后90后輕時(shí)尚人群，這一類人飲好偏好于喝果茶，喜歡橙

子的香甜味道，但這部分人骨子里還是對(duì)香橙有潛在需求的。

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

想要提高店鋪用戶基礎(chǔ)，最直接的辦法就是增加顧客對(duì)店鋪的粘性,使得

瀏覽者有更深的興趣愿意花更多的時(shí)間對(duì)店鋪進(jìn)行瀏覽，并且有意向?qū)⒌赇佭M(jìn)

行安利與推薦。從這方面考慮，店鋪風(fēng)格以及頁(yè)面的規(guī)劃策劃就起到了決定性

的作用。近年來(lái)健康生活被大力提倡，因此購(gòu)買水果的用戶會(huì)大幅度的提高。

2.3店鋪色彩分析

本店隸屬水果類品牌店鋪，主要針對(duì)喜歡吃優(yōu)質(zhì)水果的消費(fèi)群體，在設(shè)計(jì)

時(shí)，整體設(shè)計(jì)風(fēng)格以簡(jiǎn)約為主，采用黃色為店鋪的主色調(diào)，簡(jiǎn)約大氣有格調(diào)，

黃色與白色相結(jié)合。白色為主色作為背景顏色，白色代表著大氣，使人對(duì)健康

的人生與生命力的活力充滿無(wú)限希望，和我們品牌定位相符，綠色做產(chǎn)品圖的

背景和價(jià)格的強(qiáng)調(diào)色，紅色作為膨脹色，在視覺上有種迫近感，用來(lái)吸引消費(fèi)

者的注意和購(gòu)買欲望。

3湖南香橙專賣店鋪視覺設(shè)計(jì)

伴隨電子商務(wù)的迅猛發(fā)展網(wǎng)店數(shù)量的增長(zhǎng)，網(wǎng)店的風(fēng)格在不斷的升級(jí)變化。

即便店鋪有流量，但轉(zhuǎn)化率卻沒有提高，這種情況發(fā)生的很大一部分的原因是

店鋪設(shè)計(jì)沒能抓住消費(fèi)者，沒能刺激消費(fèi)者下定購(gòu)買決心，同時(shí)，文案策劃沒有能

直達(dá)消費(fèi)者內(nèi)心，無(wú)法直接刺激購(gòu)買欲望。那么店鋪視覺設(shè)計(jì)就非常重要，而解決這

個(gè)問題就需要從店鋪?lái)?yè)面版式與文案兩方面入手。

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

在版式設(shè)計(jì)中，無(wú)論是空間的編排，圖片的擺放，色彩渲染以及大小樣式

的設(shè)計(jì)都是需要著重考慮的。

首先需要結(jié)合店鋪及銷售產(chǎn)品表達(dá)意圖，其次，版面設(shè)計(jì)需要?jiǎng)?chuàng)意性的構(gòu)

思，不是字體、圖片、色彩等簡(jiǎn)單組合，還需要追求審美度和設(shè)計(jì)個(gè)性的體

現(xiàn)，以視覺來(lái)判斷整體的構(gòu)思效果，所以要運(yùn)用“外貌”來(lái)表明其主旨思想。

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

店鋪的首頁(yè)設(shè)計(jì)就是要吸引到顧客，要讓顧客在第一眼就能留下深刻的印

3

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

象，這樣才能讓顧客提高興趣，激起其購(gòu)買欲望。所以，店鋪首頁(yè)要有明確的

區(qū)域劃分，店鋪首頁(yè)設(shè)計(jì)主要包括：店招（logo）、導(dǎo)航、全屏海報(bào)、限時(shí)特

惠、主推產(chǎn)品區(qū)、產(chǎn)品分類區(qū)、產(chǎn)品展示區(qū)以及底層海報(bào)、頁(yè)尾9個(gè)區(qū)域。

首頁(yè)版式設(shè)計(jì)圖如圖1所示：

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

由版式設(shè)計(jì)圖，結(jié)合店鋪對(duì)各部分細(xì)節(jié)設(shè)計(jì)進(jìn)行說明。

店招、導(dǎo)航部分在設(shè)計(jì)時(shí)，在可點(diǎn)擊區(qū)域內(nèi)將其分為左、中、右三部分。

左邊部分放入店鋪logo與店鋪名稱，logo設(shè)計(jì)要簡(jiǎn)約大氣好看，讓受眾看到

logo就能夠想到品牌；緊挨著logo旁的右邊的是我們的店鋪名，設(shè)計(jì)字體要給

人眼前一亮，結(jié)合湖南香橙專賣店所經(jīng)營(yíng)的主要是水果類，因此在設(shè)計(jì)時(shí)選擇

了相結(jié)合的配色，與店鋪產(chǎn)品相關(guān)聯(lián)；右側(cè)放入可愛風(fēng)愛心的收藏按鈕，愛心

的收藏比普通的收藏按鈕更具有創(chuàng)意的同時(shí)又能更好吸引顧客眼球，使顧客更

愿意收藏本店，當(dāng)有新品發(fā)布和店鋪活動(dòng)時(shí)能第一時(shí)間將信息推給消費(fèi)群體，

進(jìn)而達(dá)到成交的目的。導(dǎo)航區(qū)位于店招下方，按照分類水平放置，更方便消費(fèi)

者跳轉(zhuǎn)頁(yè)面，查看商品信息，提高頁(yè)面訪問深度和產(chǎn)品轉(zhuǎn)化率。

店招、導(dǎo)航版式設(shè)計(jì)如圖2所示：

4

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

圖2店招、導(dǎo)航版式設(shè)計(jì)

首頁(yè)海報(bào)區(qū)域主要采用了左右布局，將海報(bào)分為左右兩部分來(lái)放置不同的

視覺元素，以左字右圖的形式進(jìn)行設(shè)計(jì)，文字以及圖片各占據(jù)一部分，形成左

右兩部分獨(dú)立的空間，呈現(xiàn)良好的視覺效果；左側(cè)部分主要根據(jù)產(chǎn)品的自身的

特點(diǎn)，突出其賣點(diǎn)與優(yōu)勢(shì)，更好的吸引消費(fèi)者的注意，激發(fā)消費(fèi)者的購(gòu)買欲

望。右側(cè)放置產(chǎn)品圖，以直觀的效果達(dá)到吸引消費(fèi)者的注意，在產(chǎn)品圖的右下

側(cè)加入了點(diǎn)擊搶購(gòu)的鏈接按鈕，引導(dǎo)顧客進(jìn)行購(gòu)買。

首頁(yè)海報(bào)版式設(shè)計(jì)如圖3所示：

圖3首頁(yè)海報(bào)版式設(shè)計(jì)

優(yōu)惠券設(shè)計(jì)根據(jù)店鋪首頁(yè)的整體風(fēng)格，將優(yōu)惠券做成復(fù)古風(fēng)的類型，優(yōu)惠

券以上下構(gòu)圖的形式呈現(xiàn)，打破了常見的左右構(gòu)圖呈現(xiàn)方式，使得優(yōu)惠更能抓

住抓住消費(fèi)者的眼球。頂部添加“使用時(shí)間”的文案，讓顧客用一種迫切的使

用效果；優(yōu)惠券的內(nèi)部設(shè)計(jì)主要分為10元、20元、30元份額，同時(shí)對(duì)不同額度

的優(yōu)惠券都設(shè)定了使用門檻。

優(yōu)惠券版式設(shè)計(jì)如圖4所示：

圖4優(yōu)惠券版式設(shè)計(jì)

5

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

熱銷產(chǎn)品區(qū)所展示的三件產(chǎn)品都是以左右構(gòu)圖的形式素來(lái)呈現(xiàn)，從上至下

三個(gè)產(chǎn)品分別采用左圖右文、作文右圖、左圖右文的形式呈現(xiàn)，讓顧客可以簡(jiǎn)

潔明了的看到；以產(chǎn)品一為例，左側(cè)以產(chǎn)品和臍橙構(gòu)成，右側(cè)為文案設(shè)計(jì)，將

文案通過不同的顏色、大小、和漸變的方式呈現(xiàn)，來(lái)增加文案之間的層次感。

熱銷產(chǎn)品版式設(shè)計(jì)如圖5所示：

圖5熱銷產(chǎn)品版式設(shè)計(jì)

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

一個(gè)全面的詳情頁(yè)是提供高購(gòu)買的必備，同時(shí)也決定了店鋪對(duì)產(chǎn)品的提

升，所以在詳細(xì)頁(yè)面的設(shè)計(jì)中要簡(jiǎn)潔要新穎，能夠抓住客戶的購(gòu)買心理。細(xì)節(jié)

頁(yè)面要設(shè)置的大氣，從而引發(fā)顧客的消費(fèi)欲望，從而促進(jìn)成交。

產(chǎn)品詳情頁(yè)版式，主要設(shè)計(jì)包括：首頁(yè)海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品展示1、產(chǎn)

品展示區(qū)2、產(chǎn)品參數(shù)、售后服務(wù)七個(gè)區(qū)域。

臍橙產(chǎn)品詳情頁(yè)版式設(shè)計(jì)如圖6所示：

6

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

圖6臍橙詳情頁(yè)版式設(shè)計(jì)

頁(yè)頭海報(bào)設(shè)計(jì)采用全屏覆蓋的頁(yè)面，上部分為全屏的海報(bào)，下部分為產(chǎn)品

文案信息，文字及圖片各占據(jù)一半，整體相結(jié)合有海報(bào)的亮點(diǎn)也有文案的描述

臍橙頁(yè)頭海報(bào)設(shè)計(jì)如圖7所示：

7

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

圖7頁(yè)頭海報(bào)版式設(shè)計(jì)

產(chǎn)品賣點(diǎn)部分采用左右構(gòu)圖形式，一邊擺放產(chǎn)品的賣點(diǎn)圖片，另一邊則是

對(duì)賣點(diǎn)圖片的文字說明。

產(chǎn)品細(xì)節(jié)部分采用上下構(gòu)圖形式，上面為對(duì)產(chǎn)品細(xì)節(jié)的文字說明，下面則

是與產(chǎn)品細(xì)節(jié)說明相對(duì)應(yīng)的細(xì)節(jié)圖片。

產(chǎn)品賣點(diǎn)、產(chǎn)品細(xì)節(jié)版式設(shè)計(jì)如圖8所示：

8

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

圖8產(chǎn)品賣點(diǎn)、產(chǎn)品果園版式設(shè)計(jì)

產(chǎn)品展示部分主要是對(duì)產(chǎn)品外觀進(jìn)行展示，上部分采用的文案描述。下部

分則多圖展示。

產(chǎn)品展示、產(chǎn)品參數(shù)版式設(shè)計(jì)如圖9所示：

圖9產(chǎn)品展示、產(chǎn)品參數(shù)版式設(shè)計(jì)

售后服務(wù)部分采用的是上下構(gòu)圖形式，上下標(biāo)題文案，下面是售后支

持的信息說明，然后在插入一張果園的照片服務(wù)。

售后服務(wù)版式設(shè)計(jì)如圖10所示：

9

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

圖10售后服務(wù)版式設(shè)計(jì)

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

產(chǎn)品2的版式設(shè)計(jì)由頁(yè)頭海報(bào)、產(chǎn)品參數(shù)、產(chǎn)品賣點(diǎn)、產(chǎn)品細(xì)節(jié)、產(chǎn)品

展示、產(chǎn)品參數(shù)、品質(zhì)保障以及售后服務(wù)7個(gè)部分組成。

產(chǎn)品2詳情頁(yè)版式設(shè)計(jì)如圖11所示：

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

頁(yè)頭海報(bào)采用上下構(gòu)圖的版式，上部分為產(chǎn)品的信息文案，下部分則是產(chǎn)

10

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

品的實(shí)物圖。

產(chǎn)品2丑柑詳情頁(yè)設(shè)計(jì)將重點(diǎn)更多的放到產(chǎn)品的賣點(diǎn)上，產(chǎn)品賣點(diǎn)部分

采用上下構(gòu)圖和左右構(gòu)圖的形式來(lái)呈現(xiàn)其賣點(diǎn)，兩種不同排版的構(gòu)圖方式能呈

現(xiàn)出更好的視覺效果，使顧客有興趣對(duì)該產(chǎn)品進(jìn)行深入了。

產(chǎn)品細(xì)節(jié)部分采用的是左右構(gòu)圖方式，用左圖右文和左文右圖的兩種不同

的版面的呈現(xiàn)。

頁(yè)頭海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品細(xì)節(jié)版式設(shè)計(jì)如圖12所示：

圖12頁(yè)頭海報(bào)產(chǎn)品賣點(diǎn)、產(chǎn)品細(xì)節(jié)版式設(shè)計(jì)

產(chǎn)品展示采用上下構(gòu)圖的形式，上部分為對(duì)產(chǎn)品實(shí)物的展示，讓顧客更加

的可以直觀看到我們實(shí)物的產(chǎn)品；下部分則為產(chǎn)品的一個(gè)描述。

產(chǎn)品參數(shù)采用簡(jiǎn)單的版式對(duì)產(chǎn)品的相關(guān)信息進(jìn)行文字性的描述。

11

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

產(chǎn)品展示、產(chǎn)品參數(shù)版式設(shè)計(jì)如圖13所示：

圖13產(chǎn)品展示、產(chǎn)品參數(shù)版式設(shè)計(jì)

品質(zhì)保障采用全文詳細(xì)文字描述，第一個(gè)部分是收到果子少了情況處理，

第二部分包裝破損處理方案。第三部分說明哪些問題是正常出現(xiàn)的，這樣說明

的售后服務(wù)具有權(quán)威性，能打顧客對(duì)產(chǎn)品質(zhì)量的疑慮，增加顧客的產(chǎn)品的信任

度。

售后服務(wù)版式設(shè)計(jì)如圖14所示：

圖14品質(zhì)保障、售后服務(wù)版式設(shè)計(jì)

3.2店鋪文案策劃

由于人們生活質(zhì)量的提示，頁(yè)內(nèi)同行的競(jìng)爭(zhēng)，在我們店鋪設(shè)計(jì)文案是必不

可少一個(gè)重點(diǎn)。在現(xiàn)在互聯(lián)網(wǎng)大變更的時(shí)代中，要像抓住客戶的心里、購(gòu)買的

12

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

欲望，所以，文案設(shè)計(jì)具有吸引力的文字就顯得尤為關(guān)鍵。

3.2.1首頁(yè)文案策劃

首頁(yè)文案策劃包括店招、導(dǎo)航欄、全屏海報(bào)，熱銷產(chǎn)品、分類產(chǎn)品、主推

產(chǎn)品六個(gè)部分。

店招是展示自己店鋪形象，體現(xiàn)店鋪的名稱及主營(yíng)方向，讓顧客進(jìn)店之后

能夠第一時(shí)間對(duì)店鋪有個(gè)大概的了解；在店招最左側(cè)放入品牌logo與店鋪

名，讓顧客知道自己的品牌，中間部分放入店鋪的點(diǎn)名，最右側(cè)的收藏按鈕設(shè)

計(jì)為卡通可愛，能讓顧客有新奇的感覺訂閱店鋪，同時(shí)能給顧客留下深刻的記

憶點(diǎn)。

在設(shè)計(jì)首頁(yè)海報(bào)時(shí)，考慮到海報(bào)是整個(gè)首頁(yè)占版面最大、最先映入顧客眼

簾的一個(gè)部分，在海報(bào)的文案策劃上我使用了“湖南香橙”做為海報(bào)的主文

案，主要是為了突出主題，輔文案使用“綠色純天然有機(jī)水果”“上新”，用

簡(jiǎn)短精煉的詞語(yǔ)將產(chǎn)品的來(lái)源、味道等信息傳達(dá)給顧客，為了激發(fā)顧客的購(gòu)買

欲望，在海報(bào)的左下側(cè)添加了帶有“點(diǎn)擊搶購(gòu)”的引導(dǎo)按鈕，能讓顧客快速點(diǎn)

進(jìn)產(chǎn)品的主頁(yè)，實(shí)施購(gòu)買行為。

在策劃熱銷產(chǎn)品區(qū)、主推產(chǎn)品區(qū)以及分類產(chǎn)品區(qū)的文案時(shí)，考慮到讓顧客

更新新明的看到產(chǎn)品，所以產(chǎn)品區(qū)都是采用商品大圖及促銷文案，如：“0添

加，自然舔”“先酸后甜，入口即化”，不僅突出了產(chǎn)品的主要賣點(diǎn)，而且顧

客看起來(lái)簡(jiǎn)短明了，更容易激發(fā)起顧客對(duì)產(chǎn)品的興趣；同時(shí)，將每款產(chǎn)品的價(jià)

格突出顯示出來(lái)，價(jià)格旁邊設(shè)計(jì)了“立即購(gòu)買”字樣的按鈕，方便顧客直接購(gòu)

買該款產(chǎn)品

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

產(chǎn)品的詳情頁(yè)是提高轉(zhuǎn)化率的直接方法。產(chǎn)品海報(bào)文案部分用簡(jiǎn)單的語(yǔ)言

進(jìn)行概括，利用產(chǎn)品的主要賣點(diǎn)策劃以“現(xiàn)摘現(xiàn)發(fā)，保證新鮮”為主文案，

“臍橙之鄉(xiāng)，湖南”為輔助文案，主次文案通過不同的字體來(lái)增加文字不同的

感覺。

產(chǎn)品賣點(diǎn)描述中使用圖文結(jié)合的方式來(lái)呈現(xiàn)，每個(gè)賣點(diǎn)的重點(diǎn)都用大張的

圖片來(lái)突出顯示，下面用小號(hào)字體進(jìn)一步對(duì)賣點(diǎn)進(jìn)行說明，方便顧客在閱讀時(shí)

抓住重點(diǎn)信息。

產(chǎn)品細(xì)節(jié)文案統(tǒng)一使用圓圈圖片加文案設(shè)計(jì)，主文案下面是對(duì)產(chǎn)品細(xì)節(jié)的

詳細(xì)說明，如在介紹臍橙時(shí)生產(chǎn)的過程“歷經(jīng)9個(gè)月的日曬雨淋”做為主文

案，顧客一看便知臍橙的生長(zhǎng)，可以詳細(xì)的看到變化的圖片還有我們的文案描

13

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

述?！鄙鷦?dòng)形象的描述配上生長(zhǎng)變化的細(xì)節(jié)圖更能激發(fā)顧客消費(fèi)需求。

產(chǎn)品參數(shù)部分主要對(duì)商品的產(chǎn)地、品名、保質(zhì)期、口感、營(yíng)養(yǎng)價(jià)值等進(jìn)行

了介紹，便于顧客了解產(chǎn)品。

園區(qū)這部分用圖文結(jié)合的方式將臍橙的生產(chǎn)發(fā)源進(jìn)行介紹，讓顧客對(duì)產(chǎn)地

有進(jìn)一步的了解。

售后保障這一部分包含A、懷疑收到果子重量不足，B、收到的包裝破損，

C、我們能處理哪些的問題，詳細(xì)的說明讓顧客能更安心的購(gòu)買產(chǎn)品。

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

頁(yè)頭海報(bào)的文案用“長(zhǎng)沙丑柑”為主文案，上面加上“嘗嘗自然的甜”進(jìn)

行點(diǎn)綴，主文案下面添加輔助文案“看起來(lái)丑丑的，吃起來(lái)甜甜的”并對(duì)其添

加一些橘皮裝飾元素，使海報(bào)整體效果顯得更加飽滿，讓顧客看到海報(bào)產(chǎn)生想

購(gòu)買的欲望。

產(chǎn)品賣點(diǎn)是直接從產(chǎn)品的實(shí)物展示，從而直接突出賣點(diǎn)。賣點(diǎn)一以“新

鮮、無(wú)添加、營(yíng)養(yǎng)”為中心，向顧客介紹丑柑的核心產(chǎn)地以及丑柑的生長(zhǎng)環(huán)

境，并用精美的圖片展現(xiàn)出鮮嫩多汁，還有我們豐富的營(yíng)養(yǎng)價(jià)值展示。

產(chǎn)品細(xì)節(jié)部分為了買家能直接的看到我們丑柑的汁水、飽滿，所以使用

“凌晨采摘、脆嫩爽口、鮮甜多汁”描述丑柑的顏色、形態(tài)，使用“金碧輝

煌”。

產(chǎn)品展示介紹丑柑的營(yíng)養(yǎng)價(jià)值，果子的大小。讓顧客了解產(chǎn)品的更全的信

息。

產(chǎn)品參數(shù)對(duì)丑柑的品種、規(guī)格、重量、數(shù)量、口感信息進(jìn)行了介紹。

發(fā)貨時(shí)間將是在3天發(fā)貨前一天果園采摘。

售后保障這一部分包含A、懷疑收到果子重量不足，B、收到的包裝破損，

C、我們能處理哪些的問題，詳細(xì)的說明讓顧客能更安心的購(gòu)買產(chǎn)品。

4湖南香橙專賣店鋪視覺效果制作

介紹完店鋪的概況、定位、風(fēng)格、版式以及文案之后，接下來(lái)我主要介紹

店鋪首頁(yè)、產(chǎn)品詳情頁(yè)1、產(chǎn)品詳情頁(yè)2的各個(gè)部分是怎樣結(jié)合之前的設(shè)想

來(lái)制作的。

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

首頁(yè)是網(wǎng)店的頭部，是買家進(jìn)入店鋪的第一眼，其裝修的質(zhì)量直接關(guān)系到

14

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

能否吸引顧客的注意力，提供買家的觀感，讓使網(wǎng)站的廣告展示和買家的購(gòu)買

欲望產(chǎn)生更大的影響力。從而影響到商店的流量和轉(zhuǎn)化。我的店鋪首頁(yè)主要分

為店招導(dǎo)航欄、首屏海報(bào)、優(yōu)惠券區(qū)、熱賣區(qū)、產(chǎn)品展示區(qū)等部分，通過這5

個(gè)部分的展示，使首頁(yè)規(guī)劃更加簡(jiǎn)介，亮點(diǎn)突出信息全面，可以讓買家更好的

購(gòu)買瀏覽。

4.1.1店招效果圖制作

店招是顧客對(duì)我們店鋪觀看的第一效果，簡(jiǎn)潔且有特色的店招對(duì)于店鋪來(lái)

來(lái)說是重中之重。店鋪的主題風(fēng)格為清新簡(jiǎn)約，主色調(diào)為灰白色，店招的背景

使用了底紋磨砂，店招左邊logo，logo由一個(gè)黃紅色的兩個(gè)橘子加葉組成，旁

邊是店鋪名稱“湖南香橙專賣店”，為了增加店鋪的訂閱量同時(shí)也為了方便顧

客第一時(shí)間收到店鋪的上新及活動(dòng)推送，在右側(cè)添加了紅色愛心，讓展示的效

果更為的突出。

導(dǎo)航條為了讓其更加醒目，簡(jiǎn)約的豎條排列，然后用黑色黑體字體寫出分

類導(dǎo)航，給人一種沉穩(wěn)高級(jí)的感覺，非常的簡(jiǎn)約大氣。

湖南香橙專賣店鋪店招設(shè)計(jì)效果圖如圖15所示：

湖南香橙專賣店鋪店招設(shè)計(jì)效果圖如圖8所示：

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

4.1.2海報(bào)效果圖制作

首頁(yè)海報(bào)有著向消費(fèi)者展示店鋪商品和形象的作用，同時(shí)海報(bào)也能提高店

鋪的瀏覽量從而提高店鋪的銷量，因此設(shè)計(jì)一個(gè)好的的首頁(yè)海報(bào)顯得尤為重

要。結(jié)合店鋪的整體風(fēng)格，在制作海報(bào)時(shí)使用白灰色底紋為背景，廣告語(yǔ)用不

字體設(shè)計(jì)，并給字體添加了立體加粗的效果，在廣告語(yǔ)比較空的地方加入樹葉

和小橘子元素，畫面更加協(xié)調(diào)、完整。同時(shí)給產(chǎn)品的賣點(diǎn)文字設(shè)計(jì)上下排序右

上角再用矩形填合，讓整體文案是一個(gè)長(zhǎng)方矩形這樣增強(qiáng)文字之間的層次感。

在下方用線條設(shè)計(jì)了一個(gè)展臺(tái)，在展臺(tái)上擺放我們主要產(chǎn)品圖與裝飾的樹葉，

為了讓海報(bào)看起來(lái)更加有氛圍感，添加了動(dòng)感的模糊、小光圈以及樹葉做裝

飾，為了填補(bǔ)產(chǎn)品圖左右空蕩的地方，添加了橘片的圖片做裝飾。產(chǎn)品圖的左

下邊使用有立體感的綠色圓圈形狀標(biāo)注“點(diǎn)擊搶購(gòu)”的字樣，引導(dǎo)顧客消費(fèi)。

專賣店淘寶店鋪首頁(yè)海報(bào)設(shè)計(jì)效果圖如圖16所示：

15

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

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

4.1.3其他區(qū)域制作

對(duì)于其他區(qū)域的制作，我將其分為了優(yōu)惠券、臍橙專區(qū)、產(chǎn)品分類、產(chǎn)品

展示以及售后服務(wù)五個(gè)部分。

首頁(yè)的背景使用灰白色為主色調(diào)，并用底紋的磨砂讓背景更為的自然。

首先是優(yōu)惠券部分，使用以淺綠色為底，外添加黃紅邊框所形成的矩形為

優(yōu)惠券的背景，在矩形頂部添加“領(lǐng)取”并用復(fù)古風(fēng)格的元素對(duì)其進(jìn)行裝飾，

讓整體看起來(lái)更加協(xié)調(diào)，優(yōu)惠券由帶金屬外框的紅色矩形為底，內(nèi)部添加深紅

色的圓角矩形做“領(lǐng)取”按鈕，兩種對(duì)比度強(qiáng)的顏色更能引起顧客的注意，優(yōu)

惠券的券額字體設(shè)計(jì)為加粗立體樣式，同時(shí)將數(shù)字進(jìn)行放大處理，能讓消費(fèi)者

對(duì)優(yōu)惠券數(shù)額感到心動(dòng)。

臍橙產(chǎn)品區(qū)使用矩形邊框純白色為主背景，為了更突出顯示賣點(diǎn)文案內(nèi)

容，給文案添加了白黃的漸變色，呈現(xiàn)出美觀新穎的效果。

產(chǎn)品分類區(qū)域每個(gè)產(chǎn)品使用帶淺黃色邊框的長(zhǎng)方形為背景，對(duì)產(chǎn)品的標(biāo)題

區(qū)域添加一個(gè)綠色圓角矩形做其背景，為了加強(qiáng)標(biāo)題專區(qū)重點(diǎn)，并每個(gè)產(chǎn)品區(qū)

采用了左右分裂排布。

產(chǎn)品展示區(qū)域使用淺黃色邊框的黃色圓角長(zhǎng)方形作為每個(gè)產(chǎn)品的背景，為

了讓背景更加的簡(jiǎn)約化使用了透明的效果，為了突出顯示產(chǎn)品的賣點(diǎn)，用了專

門的對(duì)稱圓點(diǎn)進(jìn)行賣點(diǎn)文案，并對(duì)“立即購(gòu)買”也添加了圓角矩形的裝飾，更

能引起消費(fèi)者的注意。

最后是首頁(yè)結(jié)尾部分的服務(wù)售后，這部分我做的比較簡(jiǎn)單，用了一個(gè)果園

的背景做宣傳的裝飾然后添加了我們的logo，在下方則是我們的發(fā)展歷史和處

理售后的服務(wù)。

16

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

湖南香橙專賣店鋪首頁(yè)其他區(qū)域設(shè)計(jì)效果圖如圖17所示：

圖1：店鋪首頁(yè)熱銷、分類、主推設(shè)計(jì)效果圖圖17首頁(yè)其他區(qū)域設(shè)計(jì)效果

17

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

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

產(chǎn)品臍橙詳情頁(yè)制作的是店鋪的主推產(chǎn)品之一的臍橙。詳情頁(yè)的主要內(nèi)

容有：商品情景海報(bào)、產(chǎn)品賣點(diǎn)展示、產(chǎn)品細(xì)節(jié)展示、商品展示、商品參數(shù)、

售后保障這六大部分組成。

4.2.1主副圖效果圖

首先介紹主圖的設(shè)計(jì)。主圖作為產(chǎn)品展示中，最先展示給消費(fèi)者欣賞的圖

片，在網(wǎng)站搜索頁(yè)中，很大程度上決定了顧客對(duì)這件商品是否具有吸引力。主

圖既要展示賣點(diǎn)，又要具有吸引力，同時(shí)還能展現(xiàn)店鋪的文化，設(shè)計(jì)時(shí)還是比

較困難。為了能在網(wǎng)頁(yè)排名中靠前，讓消費(fèi)者第一眼就注意到我的產(chǎn)品，我給

主圖加了紅色的框線。其次在右上角加入了店鋪logo和店鋪名稱，讓顧客對(duì)店

鋪名稱印象更深刻。下面左側(cè)使用不規(guī)則圖形并填充漸變，為了凸顯價(jià)格，標(biāo)

上活動(dòng)價(jià)字眼說明產(chǎn)品的優(yōu)惠力度，右側(cè)設(shè)計(jì)了一個(gè)紅色突出“甜”的文案，

讓買家一眼看到賣點(diǎn)。

產(chǎn)品1主圖設(shè)計(jì)效果圖如圖18所示：

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

接下來(lái)是臍橙副圖的設(shè)計(jì)，三幅圖都采用不同的背景為底。副圖1、2、3

分別展示了臍橙的內(nèi)部、整體的大果、產(chǎn)地，為了讓副圖看上去更高級(jí)，對(duì)文

字添加了漸變效果，同時(shí)為了讓文字有立體感，給文字增加了加粗效果。

18

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

產(chǎn)品1副圖設(shè)計(jì)效果圖如圖19所示：

19

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

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

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

產(chǎn)品1是臍橙，其詳情頁(yè)主要分為頁(yè)頭海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品參數(shù)、產(chǎn)

品細(xì)節(jié)、產(chǎn)品展示以及售后保障六部分組成。

頁(yè)頭海報(bào)部分使用高斯模糊黃白做背景，將產(chǎn)品放入右下角放大上突出顯

示，用模糊的橘片做陪襯，使海報(bào)版面更加豐富，為避免海報(bào)底色過于單調(diào)，

在海報(bào)的文案設(shè)計(jì)中增加了田形虛線設(shè)計(jì)底紋，用來(lái)突出顯示賣點(diǎn)文案，讓文

案更有豐富性。

產(chǎn)品賣點(diǎn)展示區(qū)域圖文結(jié)合的設(shè)計(jì)，圖片采用了圓形設(shè)計(jì)，中間圖片設(shè)計(jì)

為圓形樣式，上下文字統(tǒng)一為居中對(duì)齊，每組文字中間用圓點(diǎn)符號(hào)隔開，讓畫

面更有秩序感，我們圖片文案的排版有上圖下文、左圖右文兩種，多種排版方

式不易使顧客產(chǎn)生審美疲勞，讓顧客更愿意往下讀。

產(chǎn)品參數(shù)展示區(qū)域?yàn)橛椅淖髨D，考慮到產(chǎn)品賣點(diǎn)部分已經(jīng)有了上文下圖的

20

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

排版方式，產(chǎn)品賣點(diǎn)以文字描述為主，所以這部分我將文字設(shè)計(jì)為靠右對(duì)其，

并在下面做了一個(gè)半透明的背景，平衡版面。在文字樣式上我用了比較細(xì)膩的

微軟雅黑字體，因?yàn)槊枋鲚^多所以要讓觀感更為簡(jiǎn)單。

產(chǎn)品展示區(qū)域分為了兩個(gè)部分，一個(gè)是果園的展示，一個(gè)是臍橙生長(zhǎng)的全

過程直到配送到買家手中。果園的展示使用了分布大圖的效果展示，可以讓買

家更直觀的看到發(fā)出的產(chǎn)地。臍橙生長(zhǎng)過程則是采用了圖文圖案相結(jié)合，運(yùn)用

了9個(gè)不同圓形虛線設(shè)計(jì)作為展示，并添加配合圓形的弧形文字，讓這個(gè)模板

更為的新穎全面。

售后保障，為了讓售后保障模塊更有質(zhì)感，采用了不同顏色字體用于突

出，將重要的細(xì)節(jié)用黃色標(biāo)記，讓買家可以直觀的看到我們售后的保障，同時(shí)

使用A、B、C將各個(gè)售后服務(wù)明細(xì)隔開，讓其顯得整齊美觀，是顧客注意到這

個(gè)模塊，打消內(nèi)心的顧慮，讓詳情頁(yè)更具有專業(yè)性。

產(chǎn)品1詳情頁(yè)效果圖如圖20所示：

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

21

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

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

產(chǎn)品丑柑詳情頁(yè)2制作的是店鋪的主推產(chǎn)品之一的丑柑，詳情頁(yè)的主要

內(nèi)容有：商品情景海報(bào)、產(chǎn)品參數(shù)展示、產(chǎn)品細(xì)節(jié)展示、商品展示、產(chǎn)品產(chǎn)

地、售后保障六大部分組成。

4.3.1主副圖效果圖制作

首先是主圖的設(shè)計(jì)，主圖使用金屬邊框來(lái)突出顯示，同時(shí)給主圖添加了光

影和飄帶，正上方放入店鋪的名稱，加深顧客對(duì)店鋪的印象，框內(nèi)產(chǎn)品展示設(shè)

計(jì)為左大右小，在其中間放置丑橘，左下角使用有立體感的花邊圓框用來(lái)突出

顯示價(jià)格，右邊用用一大一小的花邊矩形突出產(chǎn)品的賣點(diǎn)。

產(chǎn)品2主圖設(shè)計(jì)設(shè)計(jì)效果圖如圖21所示：

圖21產(chǎn)品2主圖設(shè)計(jì)效果

接著是丑柑的副圖設(shè)計(jì)，三幅圖都是采用不同設(shè)計(jì)背景。分別橘片、橘皮

和橘內(nèi)，同時(shí)保持店鋪的風(fēng)格統(tǒng)一，三張副圖統(tǒng)一使用簡(jiǎn)約設(shè)計(jì)，第一張是采

用多圖組合、第二張是背景裁減突出設(shè)計(jì)、第三種則是采用不同圖案結(jié)合文案

描述賣點(diǎn)。用最少的文字將賣點(diǎn)表現(xiàn)出來(lái)，方便顧客直接獲得產(chǎn)品的信息。

22

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

產(chǎn)品2副圖設(shè)計(jì)效果圖如圖22所示：

圖2產(chǎn)品2