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

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

目錄

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

3.1.3產(chǎn)品詳情頁2版式設(shè)計....................................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è)計過程............................................14

4.1.2海報制作................................................15

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

I

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

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è)計

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

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

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

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

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

店鋪理念，將店鋪取名為“FANCYFREE”即“無束”。“FANCYFREE”即無約束

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

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

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

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

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

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

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

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

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

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

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

闊。

圖12015-2020年這個香水市場零售額

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

1

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

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

動、異性約會見面、獨自外出甚至睡前也會有香水使用需求。

圖1香水使用場景比重

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

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

大，比較飽和。

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

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

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

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

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

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

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

客進行瀏覽和購買。如：

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

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

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

（4）全店所有商品贈送運費險，且提供7天無理由退貨服務(wù)。

2

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

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

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

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

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

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

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

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

本店的視覺營銷進行分析。

2.1競爭對手分析

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

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

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

店的店鋪競爭力。

2.1.1競爭對手店鋪1

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

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

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

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

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

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

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

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

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

效果

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

版塊

3

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

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

白色作為背景，黑白

配色簡約清晰。店招

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

海報的制作視覺氛圍感較

好。

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

框。

優(yōu)點：簡潔有序，空

靈感十足，與售賣品

寶貝陳類相吻合。

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

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

做突出顯示。

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

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

和權(quán)益保證。

首頁

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

底部

頂部的版塊，一定程

度上對顧客瀏覽有影

響。

優(yōu)點：貼合促銷活動

氛圍，色彩搭配較

好，副圖簡約明了

主副圖缺點：主圖字體相對

較小，部分信息不能

較清楚展示，易造成

信息偏差。

4

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

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

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

擇最適合自己的那款

香水。色彩搭配非常

清新自然，整體觀感

舒適。

詳情頁

缺點：相比前面的信

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

塊還值得再改善。且

商品展示太過于多且

雜，容易使顧客喪失

購買欲望。

2.1.2競爭對手店鋪2

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

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

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

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

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

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

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

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

效果

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

版塊

優(yōu)點：首頁海報使用

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

播海報。店招中的

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

海報置了商品分類，皆有

鏈接。

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

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

5

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

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

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

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

突出顯示，八個系列

寶貝陳

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

列區(qū)

和諧。

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

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

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

缺點：首頁的底部未

首頁

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

底部

回頂部的版塊。

優(yōu)點：主圖簡單清新

缺點：主圖的白底背

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

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

少，吸引力小。

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

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

息清晰。

詳情頁

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

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

塊信息較少。

6

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

2.2店鋪視覺營銷定位分析

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

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

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

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

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

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

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

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

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

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

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

得香水留存時間更長，瓶身不易摔碎。且價格親民，售價僅99元。

（2）市場分析

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

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

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

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

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

價合理，真正做到高性價比。

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

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

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

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

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

濟實力相對較薄弱。

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

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

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

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

7

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

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

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

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

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

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

2.4店鋪色彩分析

店鋪進行色彩搭配展示出來的效果是千人千面的。因為店鋪出售的的是香

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

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

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

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

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

店鋪以橙黃色和高級灰為點綴色，這兩種顏色都是有獨特品味的顏色，中

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

體營銷氛圍。

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

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

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

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

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

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

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

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

3.1店鋪版式設(shè)計

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

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

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

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

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

8

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

3.1.1首頁版式設(shè)計

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

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

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

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

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

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

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

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

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

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

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

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

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

設(shè)計。

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

9

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

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

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

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

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

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

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

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

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

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

10

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

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

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

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

在詳情頁的設(shè)計中，最上面的就是產(chǎn)品海報，使用的是藍天與獨枝玫瑰的組

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

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

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

11

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

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

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

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

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

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

3.2店鋪文案策劃

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

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

客，不能單憑光禿的信息介紹，而要有能引出客戶的需求共鳴的點來充實客戶

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

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

12

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

3.2.1首頁文案策劃

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

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

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

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

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

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

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

具有吸引性的文案抓住消費者的眼球，增強消費者對本店的購物欲。以及補充

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

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

志，來傳遞商品的信息。

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

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

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

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

點擊回到首頁頂部，或者跳轉(zhuǎn)想去的專區(qū)，加強了消費者的瀏覽體驗。

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

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

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

輔助文案，店鋪英文名稱“FANCYFREE”作為點綴文案，抓住消費者購買該系

列香水的真實需求。

因為香水作為靈感性產(chǎn)品，且每個人使用的感受多多少少都會有偏差，所

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

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

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

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

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

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

期、大概留香時間進行了實際情況的描述。

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

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

13

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

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

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

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

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

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

關(guān)系。

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

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

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

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

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

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

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

費者更為直觀地看清楚并且搞明白它的特點。

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

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

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

作店鋪最終的視覺效果圖，而最終的效果圖是本店視覺營銷設(shè)計方案可行性的

最好展示。

4.1店鋪首頁效果圖制作

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

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

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

4.1.1店招設(shè)計過程

店招，它的作用在于用logo或者文案信息，向消費者表達一個店鋪的核

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

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

且因為信息簡約容易被記住，可以起到宣傳的作用。本店的店招的背景色為白

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

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

14

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

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

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

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

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

作用，使其看著不死板。

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

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

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

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

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

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

圖7店鋪店招制作過程圖

4.1.2海報制作

海報是店鋪進行宣傳的主要手段之一，它憑借簡潔直接的表現(xiàn)手法和強烈

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

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

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

15

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

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

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

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

制作過程圖如圖10所示。

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

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

4.1.3其他區(qū)域制作

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

版塊和返回頂部版塊。

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

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

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

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

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

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

是醒目紅色字體。

16

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

了下劃線設(shè)計。

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

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

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

17

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

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

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

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

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

轉(zhuǎn)化率等。

4.2.1主副圖效果圖

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

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

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

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

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

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

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

銷信息。

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

如圖14所示。

18

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

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

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

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

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

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

致性。

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

如圖16所示。

19

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

的圖片進行展示，排列方式也是最簡單的依次排列。

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

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

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

圖如圖18所示。

20

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

21

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