無束香水香氛官方旗艦店視覺營銷設(shè)計(jì)方案

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

目錄

1無束香水香氛官方旗艦店店鋪概況......................................1

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

1.2無束香水香氛旗艦店店鋪現(xiàn)狀....................................2

2無束香水香氛旗艦店店鋪視覺營銷分析..................................3

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

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

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

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

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

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

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

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

3無束香水香氛旗艦店店鋪視覺設(shè)計(jì)......................................8

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

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

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

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

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

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

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

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

4無束香水香氛官方旗艦店店鋪視覺效果制作.............................14

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

4.1.1店招設(shè)計(jì)過程............................................14

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

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

I

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

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

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

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

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è)計(jì)

無束香水香氛官方旗艦店視覺營銷設(shè)計(jì)方案

1無束香水香氛官方旗艦店店鋪概況

無束香水香氛官方旗艦店成立于2022年，經(jīng)營范圍為美好生活中不可或

缺且意義重大的香水香氛類產(chǎn)品。店鋪以淡香系列產(chǎn)品為主且支持定制，對(duì)香

水和香氛兩大類產(chǎn)品進(jìn)行銷售。本店憑借想要傳達(dá)給消費(fèi)者的自由、無拘束的

店鋪理念，將店鋪取名為“FANCYFREE”即“無束”?！癋ANCYFREE”即無約束

的，無憂無慮的，它寓意著希望世俗生活中的我們能勇敢表達(dá)自我，不被條條

框框所困。該名稱簡(jiǎn)約明了，能讓消費(fèi)者清晰快速記憶店鋪名，以及準(zhǔn)確地傳

達(dá)店鋪核心理念，從而提升店鋪知名度，增加購買率和培養(yǎng)忠誠顧客。

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

在顏值經(jīng)濟(jì)與個(gè)性化時(shí)代，香水表達(dá)了一種獨(dú)特的生活方式與生活品味。

在嗅覺經(jīng)濟(jì)日益升溫的背景之下，人們的香水消費(fèi)需求表現(xiàn)出了穩(wěn)定增長(zhǎng)的態(tài)

勢(shì)，而且由于出門在外多數(shù)時(shí)間都需要戴上口罩，所以口紅的使用頻率大幅度

下降了，口紅經(jīng)濟(jì)的地位正在被香水經(jīng)濟(jì)所取代。

近幾年國內(nèi)的香水香氛市場(chǎng)一直是處于高速增長(zhǎng)之中，可以看到數(shù)據(jù)顯示

2020年中國香水行業(yè)市場(chǎng)零售額為109億元人民幣，而預(yù)計(jì)到2025年的中國

香水行業(yè)市場(chǎng)零售額將達(dá)300億元人民幣，增速飛快，可見其未來發(fā)展空間廣

闊。

圖12015-2020年這個(gè)香水市場(chǎng)零售額

整合數(shù)據(jù)會(huì)發(fā)現(xiàn)香水的適用場(chǎng)合很廣，其中朋友聚會(huì)派對(duì)成為香水使用最

1

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

多場(chǎng)景，商務(wù)宴會(huì)的香水市場(chǎng)也不容小覷，此外上學(xué)、上班通勤、周末休閑活

動(dòng)、異性約會(huì)見面、獨(dú)自外出甚至睡前也會(huì)有香水使用需求。

圖1香水使用場(chǎng)景比重

圖2香水店鋪賣家數(shù)量

由淘寶店鋪的香水類店家的搜索可以發(fā)現(xiàn)，店家數(shù)量較多，香水市場(chǎng)比較

大，比較飽和。

綜上所述，香水的需求很大，且在淘寶網(wǎng)中，香水香氛類淘寶店鋪的發(fā)展

也在日益成熟完善，而無束香水香氛旗艦店作為一家新店，想要做好一個(gè)淘寶

店鋪，必須具備及時(shí)洞察市場(chǎng)數(shù)據(jù)并進(jìn)行分析的能力，然后根據(jù)其采取相對(duì)應(yīng)

的措施進(jìn)行調(diào)整。

1.2無束香水香氛官方旗艦店店鋪現(xiàn)狀

無束香水香氛旗艦店于2022年成立，為有效利用淘寶的新開店鋪的免費(fèi)

流量，來增強(qiáng)本店的曝光以及瀏覽量。因此店鋪設(shè)置了一些優(yōu)惠活動(dòng)來吸引顧

客進(jìn)行瀏覽和購買。如：

（1）會(huì)員優(yōu)享，加入會(huì)員即可獲取10元店鋪無門檻券。

（2）店鋪部分產(chǎn)品下單即贈(zèng)精美禮品。

（3）新品專享40元，所有新品皆可使用。

（4）全店所有商品贈(zèng)送運(yùn)費(fèi)險(xiǎn)，且提供7天無理由退貨服務(wù)。

2

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

店鋪活動(dòng)時(shí)間為二〇二二年十一月一日——二〇二二年十一月十二日。

2無束香水香氛官方旗艦店店鋪視覺營銷分析

我們很清晰，無論男女老少，都偏愛自己所喜歡的事物，它也許會(huì)受外界

因素的影響有所改變。但網(wǎng)店不一樣，一眼看中的才有可能繼續(xù)看下去，一眼

討厭的事物就可能直接不進(jìn)行瀏覽或者拉入黑名單。所以，第一觀感的優(yōu)劣成

為了網(wǎng)店去努力的方向，店鋪必須得在視覺上使消費(fèi)者感到喜愛，否則，無論

產(chǎn)品質(zhì)量再優(yōu)質(zhì)、效果再好，都是無用功。因此，本店將從以下幾個(gè)方面來對(duì)

本店的視覺營銷進(jìn)行分析。

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

本店要做好與其他店鋪“作戰(zhàn)”的準(zhǔn)備，“敵軍”即競(jìng)爭(zhēng)對(duì)手的分析必不

可少。通過分析本店的競(jìng)爭(zhēng)對(duì)手，可以精準(zhǔn)明晰其店鋪的經(jīng)營狀況和相對(duì)應(yīng)的

各產(chǎn)品信息等，選其長(zhǎng)處虛心學(xué)習(xí)，發(fā)現(xiàn)短處則認(rèn)真對(duì)照并改正，不斷提升本

店的店鋪競(jìng)爭(zhēng)力。

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

同行業(yè)中本店鋪主要競(jìng)爭(zhēng)對(duì)手之一是AtelierRebul海外旗艦店。該店鋪

是2018年開始入駐淘寶，直至今天粉絲數(shù)有22.3萬人，DSR評(píng)分較高，三項(xiàng)

都有4.8分。該店的目標(biāo)人群為追求時(shí)尚品味的學(xué)生黨，以及追求品質(zhì)生活的

通勤人群，主打清麗、簡(jiǎn)約風(fēng)格，以咖色和白色為主色調(diào)。該店鋪整體的產(chǎn)品

價(jià)格水平相比同行業(yè)偏低，因此產(chǎn)品競(jìng)爭(zhēng)力較大。產(chǎn)品種類可供選擇多，類目

垂直度較高，目標(biāo)人群定位準(zhǔn)確，專業(yè)性強(qiáng)。

競(jìng)爭(zhēng)對(duì)手的店鋪視效果對(duì)于本店的視覺效果設(shè)計(jì)具有重要的參考價(jià)值。對(duì)

AtelierRebul海外旗艦店視覺效果剖析如表1所示。

表1“AtelierRebul海外旗艦店”視覺效果分析

效果

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

版塊

3

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

優(yōu)點(diǎn)：店招以明亮的

白色作為背景，黑白

配色簡(jiǎn)約清晰。店招

店招和處皆設(shè)有鏈接，海報(bào)

海報(bào)的制作視覺氛圍感較

好。

缺點(diǎn)：未設(shè)置搜索

框。

優(yōu)點(diǎn)：簡(jiǎn)潔有序，空

靈感十足，與售賣品

寶貝陳類相吻合。

列區(qū)缺點(diǎn)：產(chǎn)品陳列主次

不明顯，主推產(chǎn)品未

做突出顯示。

優(yōu)點(diǎn)：有跳轉(zhuǎn)至其他

產(chǎn)品類別的鏈接設(shè)置

和權(quán)益保證。

首頁

缺點(diǎn)：沒有設(shè)置返回

底部

頂部的版塊，一定程

度上對(duì)顧客瀏覽有影

響。

優(yōu)點(diǎn)：貼合促銷活動(dòng)

氛圍，色彩搭配較

好，副圖簡(jiǎn)約明了

主副圖缺點(diǎn)：主圖字體相對(duì)

較小，部分信息不能

較清楚展示，易造成

信息偏差。

4

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

優(yōu)點(diǎn)：產(chǎn)品的信息非

常詳細(xì)，方便顧客選

擇最適合自己的那款

香水。色彩搭配非常

清新自然，整體觀感

舒適。

詳情頁

缺點(diǎn)：相比前面的信

息展示，產(chǎn)品參數(shù)這

塊還值得再改善。且

商品展示太過于多且

雜，容易使顧客喪失

購買欲望。

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

同行業(yè)中本店鋪的另一主要競(jìng)爭(zhēng)對(duì)手是拾氛氣盒官方旗艦店。該店是7年

老店，店鋪粉絲數(shù)有45.3萬人，星級(jí)為5星，較高的DSR評(píng)分，三項(xiàng)皆為4.8

分。該店主打靈動(dòng)、輕盈風(fēng)格，以淺色為主色調(diào)。店鋪的主營產(chǎn)品為香水，但

產(chǎn)品類型和價(jià)格范圍較廣，擁有多個(gè)品牌不同類型香水系列，包括VERSRCE、

COACH、LAVIN、GUESS等。還有出差旅游人士的福音：Q香系列。品牌跨度較

寬，目標(biāo)人群定位較廣，在一定程度上將可能影響店鋪的流量與權(quán)重情況。

對(duì)拾氛氣盒官方旗艦店的視覺效果分析如表2所示。

表2“拾氛氣盒官方旗艦店”視覺效果分析

效果

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

版塊

優(yōu)點(diǎn)：首頁海報(bào)使用

了三張風(fēng)格不一的輪

播海報(bào)。店招中的

店招和“本店所有商品”設(shè)

海報(bào)置了商品分類，皆有

鏈接。

缺點(diǎn)：店招未設(shè)置顏

色背景，較單調(diào)。

5

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

優(yōu)點(diǎn)：設(shè)置有熱銷產(chǎn)

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

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

突出顯示，八個(gè)系列

寶貝陳

的產(chǎn)品陳列風(fēng)格統(tǒng)一

列區(qū)

和諧。

缺點(diǎn)：缺少店鋪的優(yōu)

惠券模塊以及產(chǎn)品的

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

缺點(diǎn)：首頁的底部未

首頁

做設(shè)計(jì)，沒有設(shè)置返

底部

回頂部的版塊。

優(yōu)點(diǎn)：主圖簡(jiǎn)單清新

缺點(diǎn)：主圖的白底背

主副圖景有點(diǎn)單調(diào)，副圖沒

有設(shè)計(jì)美感，信息較

少，吸引力小。

優(yōu)點(diǎn)：整體氛圍跟產(chǎn)

品較為符合，產(chǎn)品信

息清晰。

詳情頁

缺點(diǎn)：未制作產(chǎn)品賣

點(diǎn)版塊，商品細(xì)節(jié)模

塊信息較少。

6

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

2.2店鋪視覺營銷定位分析

視覺營銷定位只有精確了定位，找準(zhǔn)了方向，才能有條不紊地開展其他工

作。本店將重點(diǎn)從商品定位以及人群定位兩方面來解析視覺營銷的定位。

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

無束香水香氛旗艦店經(jīng)營的產(chǎn)品以香水香氛為主，目標(biāo)是中低端市場(chǎng)，主

要銷售香水、車載香水、無火香薰、香薰。為了更好地展示本店，以下將重點(diǎn)

詮釋本店的產(chǎn)品特點(diǎn)、市場(chǎng)分析。

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

本店主推兩款產(chǎn)品，一款是新品淡香系列—曖昧香水，售價(jià)是349元，性

比價(jià)遠(yuǎn)超其他同系列的產(chǎn)品。方扁瓶設(shè)計(jì)超方便攜帶，選取各地優(yōu)質(zhì)原材料打

造，清新淡雅，適用于各種場(chǎng)合及用途。另一款是爆款花香系列—暮光鈴蘭香

水，上班族、學(xué)生黨的必備平價(jià)香水，木質(zhì)瓶蓋、簡(jiǎn)易瓶身等實(shí)用性設(shè)計(jì)，使

得香水留存時(shí)間更長(zhǎng)，瓶身不易摔碎。且價(jià)格親民，售價(jià)僅99元。

（2）市場(chǎng)分析

在國內(nèi)，中高端香水市場(chǎng)基本上被國外品牌所占據(jù)，并處于壟斷地位，國

內(nèi)的自創(chuàng)品牌有所突破和發(fā)展，但仍然競(jìng)爭(zhēng)力和知名度都相對(duì)較小，主要處于

中低端市場(chǎng)。所以無束香水香氛旗艦店定位于中低端市場(chǎng)，與CalvinKlein和

VERSACE等品牌同屬中低端市場(chǎng)，而這些品牌的產(chǎn)品在香味和價(jià)格方面并沒有

將性價(jià)比做到極致。本店認(rèn)真研究消費(fèi)者的實(shí)際需求，并將之化于產(chǎn)品，且定

價(jià)合理，真正做到高性價(jià)比。

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

無束香水香氛旗艦店主營淡香系列的香水香氛產(chǎn)品，該類消費(fèi)者以有一定

消費(fèi)能力且有香水香氛需求的學(xué)生黨和上班族為主，年齡主要集中在18到35

歲，地域分布在一二線城市，其中女性購買群體則大約占總體的八成。這類消

費(fèi)群體的總體消費(fèi)特征偏向于高性價(jià)比、適用范圍廣的產(chǎn)品，且愛好香味、經(jīng)

濟(jì)實(shí)力相對(duì)較薄弱。

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

店鋪的風(fēng)格、特色是一個(gè)店鋪是否能招攬顧客，留住顧客的重要條件。所

以，在網(wǎng)購消費(fèi)時(shí)代里，店鋪找準(zhǔn)自己店鋪的店鋪風(fēng)格，是必不可少的。店鋪

可以憑借某種特定的風(fēng)格，來吸引愛好這類風(fēng)格的客戶群體，從而提升店鋪粉

7

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

絲進(jìn)行收藏、轉(zhuǎn)化、復(fù)購等，而這些都將成為店鋪未來可持續(xù)發(fā)展的關(guān)鍵。因

為店鋪的風(fēng)格定位越清楚，在搜索推薦邏輯上就越精準(zhǔn)，就能夠斬獲留存更多

的目標(biāo)人群，將顧客轉(zhuǎn)化為粉絲。綜合本店的目標(biāo)人群以及售賣的產(chǎn)品的特點(diǎn)

分析得出，本店的總體風(fēng)格以明麗的風(fēng)格為主，合理利用清晰簡(jiǎn)單的線條、形

狀和文字來裝飾店鋪產(chǎn)品，呈現(xiàn)出簡(jiǎn)潔明亮。

2.4店鋪色彩分析

店鋪進(jìn)行色彩搭配展示出來的效果是千人千面的。因?yàn)榈赇伋鍪鄣牡氖窍?/p>

水香氛類產(chǎn)品，加上明麗、簡(jiǎn)約的風(fēng)格，所以本店以粉色、白色和綠色為主色

調(diào)，而粉綠的搭配很能清晰地表達(dá)花草樹木，再加上百搭的白色，簡(jiǎn)簡(jiǎn)單單。

店鋪以黑色和紅色為輔色，利用這經(jīng)典色系并合理利用線條、形狀等，來

無限展示香水香氛的精致氣質(zhì)感。以橄欖綠、亮紅兩色搭配，應(yīng)用于店鋪優(yōu)惠

券版塊，營造出本行業(yè)的儀式感和美感。

店鋪以橙黃色和高級(jí)灰為點(diǎn)綴色，這兩種顏色都是有獨(dú)特品味的顏色，中

和了主色的強(qiáng)烈觀感，且能夠傳達(dá)出柔和、精致的感受，從而創(chuàng)造出店鋪的整

體營銷氛圍。

店鋪的logo采用多色，表達(dá)出一種多彩繽紛的輕松愉悅感。

3無束香水香氛旗艦店店鋪視覺設(shè)計(jì)

優(yōu)秀的版式設(shè)計(jì)和文案策劃，能夠預(yù)設(shè)一個(gè)好的店鋪視覺設(shè)計(jì)。版式設(shè)計(jì)

通俗來講就是對(duì)店鋪的各個(gè)板塊進(jìn)行分類、排布以及協(xié)調(diào)。是一種有效地布局

和規(guī)劃行為。簡(jiǎn)單來說就是通過圖片、形狀、色彩以及文字的合理布局，來展

示我們的產(chǎn)品，讓消費(fèi)者能夠直面感覺出產(chǎn)品的特性、作用以及運(yùn)用場(chǎng)所。文

案則是通過言語的力量將產(chǎn)品復(fù)雜的產(chǎn)品信息生動(dòng)、簡(jiǎn)單化。下文將對(duì)本店的

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

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

首頁的版式設(shè)計(jì)能夠直接表達(dá)一個(gè)店鋪的風(fēng)格特色、主題產(chǎn)品以及品牌調(diào)

性。所以想要留住顧客就需要我們?cè)谠O(shè)計(jì)上花心思，緊扣主題并且主次分明，

來吸引消費(fèi)者的注意。而詳情頁的版式設(shè)計(jì)則是為了向顧客傳遞本店鋪產(chǎn)品的

相關(guān)具體信息，來促進(jìn)顧客購買的欲望，因此詳情頁的設(shè)計(jì)需要做到重要信息

的細(xì)致、周詳以及信息的真實(shí)性，以此增添顧客的信任感和興趣。

8

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

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

首頁版式設(shè)計(jì)的大小為1920px×7167px，百搭簡(jiǎn)約的白色是整個(gè)店鋪的背

景色。進(jìn)入店鋪首頁，店招以及導(dǎo)航條位于最頂部。店招和導(dǎo)航條都采用的是

純色背景，文字以及圖片等都居中于整個(gè)頁面，水平對(duì)齊放置。本店的店招按

順序依次為本店的logo、店名、搜索框。導(dǎo)航條則是放置的店鋪菜單主題。

導(dǎo)航條下面則是海報(bào)版塊，海報(bào)是店鋪進(jìn)行宣傳產(chǎn)品和活動(dòng)的重要方式和

吸引顧客注意力的重要版塊。因此本店將海報(bào)的大小設(shè)置為1920px×500px。

海報(bào)采取的是左中右的構(gòu)圖方式，主打產(chǎn)品放兩邊，營銷內(nèi)容則是居中。

海報(bào)之后便是本店鋪的分類專區(qū)，分別有優(yōu)惠券領(lǐng)取專區(qū)、分類導(dǎo)航、冬

季新香、香薰專區(qū)以及熱銷香氛。在這幾個(gè)版塊的設(shè)計(jì)中，主要是運(yùn)用圖片、

圖形的大小對(duì)比以及對(duì)稱關(guān)系來設(shè)計(jì)，以營造出層次感，使主推產(chǎn)品更突出，

來展現(xiàn)店鋪的營銷策略。版塊內(nèi)采用有右圖左文、左圖右文、上圖下文以及中

心構(gòu)圖的構(gòu)圖方式。

最后就是返回頂部的模塊，這一小部分使用簡(jiǎn)單的矩形和淺色進(jìn)行組合來

設(shè)計(jì)。

無束香水香氛旗艦店店鋪首頁版式設(shè)計(jì)草圖如圖4所示。

9

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

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

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

首先展示的產(chǎn)品1詳情頁設(shè)計(jì)，是關(guān)于本店的主推產(chǎn)品之一暮光鈴蘭香

水。首先是對(duì)海報(bào)的設(shè)計(jì)，背景是由綠色系樹葉光影空間構(gòu)成。然后香水的靈

感來源的說明，接下來是產(chǎn)品香調(diào)和產(chǎn)品信息，采用綠色系列的顏色作為背

景，文字與相對(duì)應(yīng)的圖片采取左圖右文或者右圖左文的交替形式進(jìn)行香調(diào)的說

明。產(chǎn)品信息則是文字的依次排序?qū)ΨQ實(shí)現(xiàn)，相關(guān)信息一目了然。產(chǎn)品展示是

圖片的組合排列，用香指南是純文字的分點(diǎn)排版。

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

10

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

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

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

產(chǎn)品2的詳情頁設(shè)計(jì)，是店鋪的另一主推產(chǎn)品新品淡香系列的曖昧香水。

在詳情頁的設(shè)計(jì)中，最上面的就是產(chǎn)品海報(bào)，使用的是藍(lán)天與獨(dú)枝玫瑰的組

合，再加上營銷文案“做自己的玫瑰獨(dú)一無二”良好的詮釋本店的店鋪理

念。為追求風(fēng)格的一致性，本店的產(chǎn)品香調(diào)以及產(chǎn)品信息板塊與產(chǎn)品1的詳情

頁是大體一致的。接下來的服務(wù)保證采用和產(chǎn)品1一樣的設(shè)計(jì)，以保持店鋪的

11

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

一致性。商品展示版塊使用了左圖右文和右圖左文的相互交叉模式來進(jìn)行展開

描述，整體的協(xié)調(diào)性較好，觀感較強(qiáng)。最后是用香指南，十分簡(jiǎn)單，就如何對(duì)

產(chǎn)品的高效利用進(jìn)行了指示性敘述，主要是文字的排版。

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

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

3.2店鋪文案策劃

在互聯(lián)網(wǎng)交互的新時(shí)代，人們對(duì)于商品的需求不再僅僅是商品本身了，往

往優(yōu)秀的文案設(shè)計(jì)能夠吸引住顧客，影響顧客進(jìn)行購買。如此，想要留著顧

客，不能單憑光禿的信息介紹，而要有能引出客戶的需求共鳴的點(diǎn)來充實(shí)客戶

的需求。一個(gè)好的文案也是擁有超強(qiáng)轉(zhuǎn)化率的，所以需要巧妙運(yùn)用文案，來引

發(fā)消費(fèi)者的共鳴。

12

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

3.2.1首頁文案策劃

本店首頁文案的撰寫，先是店招版塊。店招的左邊是店鋪logo，中間是店

鋪名稱“FANCYFREE官方旗艦店”。

首頁的海報(bào)版塊，采取的的左右構(gòu)圖法，右圖左文。最突出的店鋪英文名

稱“FANCY”，接下來進(jìn)行依次排列的是“氣質(zhì)香氛”“愛在每時(shí)每刻”以及

“新品清香系列”的宣傳標(biāo)語，向消費(fèi)者展示產(chǎn)品想表達(dá)的理念。最下面的是

由矩形填充的按鈕，放置著“即刻選購”。

店鋪優(yōu)惠券版塊，采用“領(lǐng)券購買更優(yōu)惠”“購物金充300得340”等這些

具有吸引性的文案抓住消費(fèi)者的眼球，增強(qiáng)消費(fèi)者對(duì)本店的購物欲。以及補(bǔ)充

的優(yōu)惠券的活動(dòng)力度和注意事項(xiàng)的信息。

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

志，來傳遞商品的信息。

在接下來的冬日新香、香薰專區(qū)、熱銷香氛等版塊中，都是采用大號(hào)字體

的文案對(duì)相應(yīng)的產(chǎn)品的名稱進(jìn)行描述，輔助文案則是產(chǎn)品的主要賣點(diǎn)，以及產(chǎn)

品的價(jià)格和“立即搶購”“點(diǎn)擊購買”的引導(dǎo)性標(biāo)簽文案。

最后是簡(jiǎn)單的“返回頂部”，還加了香水和香薰專區(qū)的跳轉(zhuǎn)，方便消費(fèi)者

點(diǎn)擊回到首頁頂部，或者跳轉(zhuǎn)想去的專區(qū)，加強(qiáng)了消費(fèi)者的瀏覽體驗(yàn)。

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

在詳情頁設(shè)計(jì)內(nèi)容中，策劃的產(chǎn)品1是本店的主推香水之一，用的是產(chǎn)品

的香調(diào)系列名稱“淡雅花香系列”作為主文案，產(chǎn)品特點(diǎn)“盡顯知性魅力”作

輔助文案，店鋪英文名稱“FANCYFREE”作為點(diǎn)綴文案，抓住消費(fèi)者購買該系

列香水的真實(shí)需求。

因?yàn)橄闼鳛殪`感性產(chǎn)品，且每個(gè)人使用的感受多多少少都會(huì)有偏差，所

以先向顧客展示靈感的來源和創(chuàng)意想法，向消費(fèi)者傳達(dá)制香者最真實(shí)想表達(dá)的

作品含義。再在產(chǎn)品圖片旁加上輔助性文字“熱愛不羈自由清醒”進(jìn)一步

加深消費(fèi)者對(duì)產(chǎn)品創(chuàng)作理念和想表達(dá)的寓意。

產(chǎn)品香調(diào)和產(chǎn)品信息版塊，為了讓消費(fèi)者能夠較為清晰地理解產(chǎn)品的具體

信息，本店對(duì)產(chǎn)品的前中后調(diào)的成分，加以圖片輔助一起進(jìn)行了說明，例如

“前調(diào)鈴蘭櫻花麝香”等。產(chǎn)品信息則對(duì)產(chǎn)品的名稱、規(guī)格、包裝、保質(zhì)

期、大概留香時(shí)間進(jìn)行了實(shí)際情況的描述。

用香指南版塊主要是香水的四點(diǎn)使用技巧，來指導(dǎo)消費(fèi)者更好更高效率地

使用本店的產(chǎn)品，避免無效使用情況的出現(xiàn)。

13

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

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

產(chǎn)品2是本店主推的新品香水。在海報(bào)版塊，利用加大的宣傳標(biāo)語“做自

己的玫瑰獨(dú)一無二”，文藝抒情，表達(dá)了商品想要傳達(dá)給顧客的寄語。圖片下

方對(duì)這款產(chǎn)品的優(yōu)質(zhì)原材料成分的來源進(jìn)行了說明，意為向廣大消費(fèi)群體承諾

所用成分皆為安全、可靠且優(yōu)質(zhì)的資源，想與消費(fèi)者建立相互信任的友好和諧

關(guān)系。

為了使店鋪風(fēng)格形成一致性，產(chǎn)品2的產(chǎn)品香調(diào)和產(chǎn)品信息都是采用與產(chǎn)

品1相同的文案設(shè)計(jì)。

產(chǎn)品展示版塊使用添加了陰影效果的“產(chǎn)品展示”文字作為標(biāo)題，以及英

文介紹“Productshows”裝飾，使其與上一個(gè)版塊區(qū)進(jìn)行分隔開。產(chǎn)品的展

示這個(gè)板塊由產(chǎn)品的展示圖片以及產(chǎn)品的賣點(diǎn)共同構(gòu)建，采用的是左圖右文和

右圖左文相互交叉的形式，對(duì)瓶身的設(shè)計(jì)以及包裝進(jìn)行了表述以及展示。如

“鋁制噴頭防腐耐臟不落灰”搭配的圖則是香水噴頭的近圖。這樣可以使消

費(fèi)者更為直觀地看清楚并且搞明白它的特點(diǎn)。

4無束香水香氛官方旗艦店店鋪視覺效果制作

針對(duì)本行業(yè)的發(fā)展背景，對(duì)本店鋪的發(fā)展概況、競(jìng)爭(zhēng)對(duì)手的分析、定位分

析、風(fēng)格和色彩分析、版式設(shè)計(jì)以及文案策劃等進(jìn)行了局部說明?，F(xiàn)集中在制

作店鋪?zhàn)罱K的視覺效果圖，而最終的效果圖是本店視覺營銷設(shè)計(jì)方案可行性的

最好展示。

4.1店鋪首頁效果圖制作

首頁效果圖制作的優(yōu)劣程度直接決定了它是否能夠在第一時(shí)間吸引著消費(fèi)

者的目光，然后進(jìn)一步捕獲消費(fèi)者的芳心，使消費(fèi)者為它而停留，進(jìn)而去關(guān)注

產(chǎn)品具體內(nèi)容，最終影響店鋪的轉(zhuǎn)化和流量。

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

店招，它的作用在于用logo或者文案信息，向消費(fèi)者表達(dá)一個(gè)店鋪的核

心信息，比如從“無束香水香氛旗艦店”中可以得知這是一個(gè)名為無束的售賣

香水香氛類產(chǎn)品的店鋪。而店招位于整個(gè)頁面的最上面，較為容易被看到，而

且因?yàn)樾畔⒑?jiǎn)約容易被記住，可以起到宣傳的作用。本店的店招的背景色為白

色，是為了更好地與整體風(fēng)格以及其他要素相契合。店招的左邊第一個(gè)是店鋪

logo，四朵不同顏色花瓣形狀圖形構(gòu)成的菱形上帶有店鋪英文名稱FANCYFREE

14

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

的一部分“FANCY”即喜愛，并做了斜體處理。寓意著哪怕有曲折，喜愛都不

會(huì)被約束，任何事物都可以是多彩的，不是單調(diào)的，可以做想要做的事，可以

做想要成為的人。Logo旁邊是正正方方的店鋪名字，是愿店鋪一直保持著

“正”。右邊是一個(gè)黑色簡(jiǎn)易搜索框，框的右邊鑲有一朵小粉花，起輔助搭配

作用，使其看著不死板。

導(dǎo)航條采用的是與店鋪主體相符合的嫩粉色作為背景填充，字體則使用深

飽和的同色系來搭配，導(dǎo)航條上邊框與字體顏色保持一致，以此來提升消費(fèi)者

對(duì)店鋪的好感度。分類區(qū)塊的文字使用黑色的楷體，方正所以清晰明了。

無束香水香氛官方旗艦店店鋪店招設(shè)計(jì)效果圖如圖7所示，PHOTOSHOP軟

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

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

圖7店鋪店招制作過程圖

4.1.2海報(bào)制作

海報(bào)是店鋪進(jìn)行宣傳的主要手段之一，它憑借簡(jiǎn)潔直接的表現(xiàn)手法和強(qiáng)烈

的視覺沖擊力，使產(chǎn)品或者店鋪能夠得到優(yōu)質(zhì)優(yōu)量的數(shù)據(jù)瀏覽量，一定程度上

將影響轉(zhuǎn)化。本店的首頁海報(bào)采取的是藍(lán)色背景為底粉色花束為輔的海報(bào)背

景。文案和主推產(chǎn)品以右圖左文的形式呈現(xiàn)，打造集中性。產(chǎn)品圖像采用了倒

15

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

影加陰影處理以及疊加圖像。文案進(jìn)行依次疊放，有主次，來描述產(chǎn)品的賣點(diǎn)

與想表達(dá)的想法，最下方加以“即刻搶購”的營銷詞。

無束香水香薰旗艦店首頁海報(bào)效果圖如圖9所示，在PHOTOSHOP軟件中的

制作過程圖如圖10所示。

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

圖9店鋪首頁海報(bào)制作過程圖

4.1.3其他區(qū)域制作

對(duì)于其他區(qū)域的制作，本店將其分為優(yōu)惠券、分類導(dǎo)航、三類產(chǎn)品的展示

版塊和返回頂部版塊。

優(yōu)惠券版塊，以信函形式展現(xiàn)出來，信封采取紅綠經(jīng)典配色，整體橄欖

綠，加上封口處的大紅蝴蝶結(jié)，端莊而精致。信紙為主色調(diào)的粉色，字體則以

黑紅為主，對(duì)優(yōu)惠券內(nèi)容、使用時(shí)間等相關(guān)信息進(jìn)行說明。應(yīng)用指示性的語句

“領(lǐng)券購買更優(yōu)惠”吸引消費(fèi)者來領(lǐng)券，進(jìn)而加強(qiáng)對(duì)商品的閱讀深度。三張不

同額度不同類型的優(yōu)惠券均勻豎放在信紙范圍內(nèi)，使用紅色醒目楷體，清晰明

了，券與券之間用豎向虛線相隔開。優(yōu)惠券下面還增加一個(gè)購物金信息，同樣

是醒目紅色字體。

16

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

分類導(dǎo)航版塊，由四個(gè)粉色背景的矩形所構(gòu)建，并通過矩形的不同大小關(guān)

系來表達(dá)各自類目的主次關(guān)系。三個(gè)矩形產(chǎn)品類別矩形都放置了分類標(biāo)題、動(dòng)

畫代表產(chǎn)品圖以及一個(gè)引導(dǎo)標(biāo)簽。最下面則是一個(gè)長(zhǎng)條矩形，是所有產(chǎn)品的專

屬板塊，也是由標(biāo)題和引導(dǎo)標(biāo)簽構(gòu)成。

三大類目產(chǎn)品版塊，版塊間有明顯的分隔部分，以便于消費(fèi)者在瀏覽時(shí)能

夠找準(zhǔn)感興趣的區(qū)域并進(jìn)行定位。冬日新香應(yīng)用的是花團(tuán)錦簇的背景，背景中

間使用了一個(gè)半透明的白色矩形來增加背景的層次感。標(biāo)題采用大字號(hào)黑色楷

體，文字下方增加了文字的英文進(jìn)行輔助性裝飾。產(chǎn)品的排布情況將主推香味

的香水，放于版面正中間，進(jìn)行產(chǎn)品的突出展示。下方緊跟著香水的名稱以及

由橙色矩形構(gòu)成的“立即搶購”的按鈕。最下面則是同系列的其他香味的三瓶

香水，橫向排布著，起產(chǎn)品多種類的展示作用。再往下是香薰專區(qū)和熱銷香氛

板塊。香薰專區(qū)采用三個(gè)板塊進(jìn)行展示，每個(gè)板塊都是采用左圖右文或者右圖

左文的形式。熱銷香氛則是由四個(gè)方方正正的矩形構(gòu)成的一個(gè)大矩形，小矩形

的內(nèi)容為文—圖—文形式。

返回頂部版塊，采取首尾呼應(yīng)的方式，使用粉色作為純色背景，最右邊加

上了店鋪的名稱，然后依次是“香水專區(qū)”、“香薰專區(qū)”、“返回頂部”，增加

了下劃線設(shè)計(jì)。

無束香水香氛旗艦店店鋪其他區(qū)域設(shè)計(jì)效果圖如圖11所示，PHOTOSHOP軟

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

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

17

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

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

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

一個(gè)好的詳情頁效果圖可以刺激消費(fèi)者的消費(fèi)欲望、也可以使消費(fèi)者找到

需要的信息從而減輕售前客服咨詢工作量、也可以有關(guān)聯(lián)銷售來帶動(dòng)其他商品

轉(zhuǎn)化率等。

4.2.1主副圖效果圖

首先是商品1的主副圖。店鋪的主圖越具有張力，就越能抓住消費(fèi)者的眼

球來進(jìn)一步實(shí)現(xiàn)商品的點(diǎn)擊或者轉(zhuǎn)化。其主圖采取較深的綠色作為邊框，暖色

作為布景。構(gòu)圖方式是中心構(gòu)圖，圖的上面由加粗的品牌名和香水名上下排

列，薄荷葉和檸檬擺放在字的兩邊，并加以陰影效果，使其更有立體感真實(shí)

感。正中間是產(chǎn)品本身。產(chǎn)品周圍增加了產(chǎn)品的香料成分香草和檸檬作為輔助

裝飾，在產(chǎn)品左邊有文案介紹產(chǎn)品三個(gè)產(chǎn)品香味賣點(diǎn)。最下面采用多種綠色的

形狀對(duì)活動(dòng)進(jìn)行說明，包括價(jià)格以及“前100份買一送一”“領(lǐng)券購買”等營

銷信息。

商品1主圖策劃效果圖如圖13所示，在PHOTOSHOP軟件中的完成過程圖

如圖14所示。

18

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

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

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

接下來是產(chǎn)品的副圖。副圖采用的簡(jiǎn)單的黑白搭配以及綠色系作為背景，

簡(jiǎn)潔的上文下圖或者左圖右文或者右圖左文搭配來構(gòu)圖。文案由主文案加輔助

文案構(gòu)成，主文案有進(jìn)行放大加粗處理，使用的圖片與文案內(nèi)容相符，形成一

致性。

商品1副圖策劃效果圖如圖15所示，在PHOTOSHOP軟件中的完成過程圖

如圖16所示。

19

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

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

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

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

詳情頁先入眼簾的是海報(bào)。采用的是簡(jiǎn)單的上文下圖結(jié)構(gòu)進(jìn)行的簡(jiǎn)易海報(bào)

的制作，利用光影綠色圖片作為背景，加大白色字體寫著香水的系列與賣點(diǎn)，

構(gòu)成整體文案。海報(bào)最下面則使用店鋪名稱作為輔助文案進(jìn)行點(diǎn)綴。

接下來的版塊，是對(duì)香水的創(chuàng)意靈感來源進(jìn)行說明，同樣采用的上文下圖

的構(gòu)圖結(jié)構(gòu)，而上文的文字背景里印著半透明的一枝鈴蘭花，使文字更具感染

力。下面的圖也配著輔助性文字“熱愛不羈自由清醒”，進(jìn)一步加深消費(fèi)者

對(duì)產(chǎn)品的創(chuàng)作理念以及產(chǎn)品寓意的印象。

接下來是產(chǎn)品香調(diào)和產(chǎn)品信息版塊，標(biāo)題都進(jìn)行了加大字號(hào)和陰影處理，

使其更深更立體，標(biāo)題下面也增加了標(biāo)題的英文作為裝飾。為了讓消費(fèi)者能夠

更為清楚明白地掌握產(chǎn)品的具體信息，本店對(duì)產(chǎn)品的前中后調(diào)，加以圖片輔助

一起進(jìn)行了詳細(xì)說明，例如“前調(diào)鈴蘭櫻花麝香”等。產(chǎn)品信息則對(duì)產(chǎn)品

的名稱、規(guī)格、包裝、保質(zhì)期、大概留香時(shí)間進(jìn)行了實(shí)際情況的描述。

產(chǎn)品展示版塊的標(biāo)題與其他版塊一致，這個(gè)版塊主要是對(duì)產(chǎn)品的各個(gè)角度

的圖片進(jìn)行展示，排列方式也是最簡(jiǎn)單的依次排列。

最后的用香指南版塊主展示的香水的四點(diǎn)使用技巧，來指導(dǎo)消費(fèi)者更好更

高效率地使用本店的產(chǎn)品，避免無效使用情況的出現(xiàn)。

商品1詳情頁策劃效果圖如圖17所示，在PHOTOSHOP軟件中的實(shí)現(xiàn)過程

圖如圖18所示。

20

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

21

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