上鑄戶外設(shè)備淘寶店鋪視覺營(yíng)銷設(shè)計(jì)方案

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

目錄

1上鑄戶外設(shè)備淘寶店鋪概況................................................1

1.1露營(yíng)類店鋪發(fā)展現(xiàn)狀.................................................1

1.2上鑄戶外設(shè)備店鋪現(xiàn)狀...............................................2

2上鑄戶外設(shè)備淘寶店鋪視覺營(yíng)銷分析........................................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視覺分析........................................4

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

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

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

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

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

3上鑄戶外設(shè)備淘寶店鋪視覺設(shè)計(jì)............................................7

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

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

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

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

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

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

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

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

4上鑄戶外設(shè)備店鋪視覺效果制作...........................................13

4.1店標(biāo)效果圖制作....................................................13

4.2店鋪首頁(yè)效果圖制作................................................14

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

4.1.2優(yōu)惠券效果圖制作............................................16

I

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

4.1.3產(chǎn)品分類區(qū)效果圖制作........................................17

4.1.4產(chǎn)品展示區(qū)效果圖制作........................................18

4.1.5頁(yè)尾區(qū)效果圖制作............................................19

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

4.2.1主副圖效果圖制作............................................20

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

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

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

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

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

參考資料.................................................................29

II

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

上鑄戶外設(shè)備淘寶店鋪視覺營(yíng)銷設(shè)計(jì)方案

1上鑄戶外設(shè)備淘寶店鋪概況

露營(yíng)營(yíng)地市場(chǎng)規(guī)模受到整體旅游市場(chǎng)增長(zhǎng)帶動(dòng)，加之消費(fèi)者更傾向于短途旅游和親近

自然，預(yù)計(jì)未來(lái)營(yíng)地市場(chǎng)規(guī)模將持續(xù)擴(kuò)大。露營(yíng)設(shè)備也不只是單一線下購(gòu)買，線上購(gòu)買會(huì)

更加方便快捷。上鑄戶外設(shè)備淘寶店鋪成立于2022年12月份，是一家經(jīng)營(yíng)沖鋒衣、防曬衣、

滑雪服、戶外鞋、登山包、登山杖、帳篷、LED手電、望遠(yuǎn)鏡、騎行裝備等綜合性一站式

戶外裝備用品店。

1.1露營(yíng)類店鋪發(fā)展現(xiàn)狀

數(shù)據(jù)顯示，中國(guó)露營(yíng)經(jīng)濟(jì)核心市場(chǎng)規(guī)模和帶動(dòng)市場(chǎng)規(guī)模均呈現(xiàn)逐年上升的趨勢(shì)。2021

年中國(guó)露營(yíng)經(jīng)濟(jì)核心市場(chǎng)規(guī)模達(dá)到747.5億元，同比增長(zhǎng)62.5%；帶動(dòng)市場(chǎng)規(guī)模為3812.3億

元，同比增長(zhǎng)率為58.5%。預(yù)計(jì)2025年中國(guó)露營(yíng)經(jīng)濟(jì)核心市場(chǎng)規(guī)模將上升至2483.2億元，

帶動(dòng)市場(chǎng)規(guī)模將達(dá)到14402.8億元。艾媒咨詢分析師認(rèn)為，隨著消費(fèi)升級(jí)，越來(lái)越多的消

費(fèi)者加入到露營(yíng)的活動(dòng)中，露營(yíng)及其相關(guān)產(chǎn)業(yè)在中國(guó)有著較大的發(fā)展空間。

2014-2025中國(guó)露營(yíng)經(jīng)濟(jì)市場(chǎng)規(guī)模及預(yù)測(cè)分析（數(shù)據(jù)來(lái)源：iiMediaResearch艾媒咨

詢)如圖1所示。

圖12014-2025年中國(guó)露營(yíng)經(jīng)濟(jì)市場(chǎng)規(guī)模及預(yù)測(cè)分析

1

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

此外，在互聯(lián)網(wǎng)時(shí)代巨變的時(shí)代里，露營(yíng)設(shè)備由線下購(gòu)買增加為線上購(gòu)買，會(huì)更加方

便快捷的滿足露營(yíng)人們需求。

以2022年線上各平臺(tái)熱度分析，隨著中國(guó)消費(fèi)者可支配收入的提高，其消費(fèi)結(jié)構(gòu)也會(huì)

更多地從基本吃穿消費(fèi)，向發(fā)展型和享受型消費(fèi)傾斜。消費(fèi)升級(jí)趨勢(shì)愈發(fā)明顯，消費(fèi)者越

來(lái)越追求更高品質(zhì)的生活方式，成為拉動(dòng)露營(yíng)產(chǎn)業(yè)經(jīng)濟(jì)增長(zhǎng)的重要因素。

中國(guó)露營(yíng)行業(yè)線上平臺(tái)熱度分析（數(shù)據(jù)來(lái)源：iiMediaResearch艾媒咨詢)如圖2所

示。

圖2中國(guó)露營(yíng)行業(yè)線上平臺(tái)熱度分析

在淘寶網(wǎng)對(duì)“露營(yíng)”關(guān)鍵詞進(jìn)行搜索，相關(guān)店鋪有146980家在營(yíng)店，其展示結(jié)構(gòu)超過

100頁(yè)。

淘寶網(wǎng)露營(yíng)搜索數(shù)據(jù)圖如圖3所示。

圖3淘寶網(wǎng)露營(yíng)搜索數(shù)據(jù)圖

1.2上鑄戶外設(shè)備店鋪現(xiàn)狀

上鑄戶外設(shè)備店鋪成立于2022年12月10日，主要經(jīng)營(yíng)沖鋒衣、防曬衣、滑雪服、戶外

鞋、登山包、登山杖、帳篷、LED手電、望遠(yuǎn)鏡、騎行裝備等戶外裝備用品。堅(jiān)持以人為

本，誠(chéng)信經(jīng)營(yíng)的理念，預(yù)計(jì)未來(lái)營(yíng)地市場(chǎng)規(guī)模持續(xù)擴(kuò)大，隨著旅游業(yè)的高峰期來(lái)臨，也意

2

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

味著露營(yíng)人群購(gòu)買裝備的高峰期也至。

2上鑄戶外設(shè)備淘寶店鋪視覺營(yíng)銷分析

上鑄戶外設(shè)備店鋪?zhàn)鳛樾碌辏谡降耐度脒\(yùn)營(yíng)設(shè)計(jì)之前，要有明確的定位，成熟的

露營(yíng)裝備品牌在產(chǎn)品設(shè)計(jì)與推廣初期，就通過產(chǎn)品定位在目標(biāo)人群心目中建立起了良好的

品牌形象，為目標(biāo)人群選擇自己露營(yíng)裝備品牌構(gòu)建了某種必買購(gòu)買理由。明確的定位，會(huì)

使得店鋪穩(wěn)定的長(zhǎng)期發(fā)展。

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺分析

分析競(jìng)爭(zhēng)對(duì)手的店鋪，不僅能夠有利于學(xué)習(xí)吸取相關(guān)的設(shè)計(jì)風(fēng)格，也是有利于激發(fā)設(shè)

計(jì)靈感，參考一些優(yōu)秀的元素，利用到自身的設(shè)計(jì)中，使得店鋪的風(fēng)格更加鮮明獨(dú)特，而

對(duì)于競(jìng)爭(zhēng)店鋪的糟粕點(diǎn)也可以及時(shí)的避免。

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

競(jìng)爭(zhēng)對(duì)手店鋪1的店鋪名稱為“原始人旗艦店”，該店鋪的粉絲數(shù)為23.1萬(wàn)人，首頁(yè)

的導(dǎo)航部分在設(shè)計(jì)上，插入了戶外露營(yíng)帳篷等宣傳視頻，畫面優(yōu)美風(fēng)景宜人，引起觀者露

營(yíng)欲望，并且標(biāo)注了{(lán)戶外愛好者的必備好物合集}。店鋪整體色調(diào)為白、綠色調(diào)，通過此

色調(diào)表明了綠色自然親近大自然的情緒，使人隔著屏幕仿佛置身大自然心曠神怡。海報(bào)下

面就是購(gòu)物金活動(dòng)的板塊，通過“充500得510，充1000得1025”等購(gòu)物金活動(dòng)，刺激消費(fèi)

者消費(fèi)。再往下更是通過“類目導(dǎo)航、熱銷榜單、新品首發(fā)”等對(duì)產(chǎn)品進(jìn)行場(chǎng)景、功能的

分類，以及各種提示圖標(biāo)引導(dǎo)，讓消費(fèi)者對(duì)于需求產(chǎn)品的尋找一目了然。該店鋪設(shè)計(jì)上主

次分明、動(dòng)靜結(jié)合，在充滿大自然露營(yíng)活力的同時(shí)讓消費(fèi)者不僅準(zhǔn)確尋找到所需產(chǎn)品，并

且刺激了其他消費(fèi)。

競(jìng)爭(zhēng)對(duì)手店鋪1首頁(yè)如圖4所示：

3

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

圖4競(jìng)爭(zhēng)對(duì)手店鋪1首頁(yè)

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

競(jìng)爭(zhēng)對(duì)手店鋪2的店鋪名稱為“高邁戶外專營(yíng)店”粉絲數(shù)有9.7652萬(wàn)，店鋪收錄于

【戶外愛好者的必備好物合集】，為必逛好店。店鋪首頁(yè)一開始就為“新品上市、戶外帳

篷、戶外桌椅、卡式爐具、便攜氣罐”等產(chǎn)品分類，讓消費(fèi)者進(jìn)入店鋪第一時(shí)間找到自己

所需要的物品。緊接著是四張輪播海報(bào)，分別為“戶外噴槍、防爆卡式氣罐、戶外燃?xì)狻?/p>

便攜式煤氣灶”，可以看出此店鋪近期售賣產(chǎn)品側(cè)重于戶外烹飪。再往下接著又是一個(gè)更

加細(xì)致的產(chǎn)品分類，與第一個(gè)產(chǎn)品分類和海報(bào)剛好上下呼應(yīng)。在接下來(lái)分別是“熱搜榜單、

熱搜分類”，將店鋪主要經(jīng)營(yíng)、銷量高的的產(chǎn)品全部給消費(fèi)者呈現(xiàn)眼前。店鋪整體色調(diào)為

藍(lán)白色調(diào)，給人一種簡(jiǎn)潔明了的感覺，讓消費(fèi)者進(jìn)入店鋪后清晰明確快速的找到自己需求

物品。

競(jìng)爭(zhēng)對(duì)手店鋪2首頁(yè)如圖5所示：

4

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

圖5競(jìng)爭(zhēng)對(duì)手店鋪2首頁(yè)圖

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

上鑄戶外設(shè)備店鋪?zhàn)鳛樾碌?，在正式的投入運(yùn)營(yíng)設(shè)計(jì)之前要有明確的定位，明確的定

5

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

位會(huì)使得店鋪穩(wěn)定的長(zhǎng)期發(fā)展。營(yíng)銷定位分析主要是從產(chǎn)品的定位分析、消費(fèi)者人群定位

分析兩方向進(jìn)行展示，更加明確店鋪的發(fā)展方向。

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

隨著消費(fèi)升級(jí)，越來(lái)越多的消費(fèi)者加入到露營(yíng)活動(dòng)中，露營(yíng)及其相關(guān)產(chǎn)業(yè)在中國(guó)有著

較大的發(fā)展空間。由2021年5月-2022年5月露營(yíng)的熱度指數(shù)及主題詞云（數(shù)據(jù)來(lái)源：

iiMediaResearch艾媒咨詢)如圖6所示。

圖62021年5月-2022年5月露營(yíng)的熱度指數(shù)及主題詞云

因中國(guó)露營(yíng)經(jīng)濟(jì)核心市場(chǎng)規(guī)模和帶動(dòng)市場(chǎng)規(guī)模均呈現(xiàn)逐年上升的趨勢(shì)，電商渠道的露

營(yíng)市場(chǎng)有一定的前景。在競(jìng)爭(zhēng)激烈的情況下，新生的店鋪要獲取到利益，便要打造自己獨(dú)

特的產(chǎn)品風(fēng)格。

上鑄戶外設(shè)備店鋪經(jīng)營(yíng)野營(yíng)用品、帳篷系類、照明系列、便攜用品、步林系列、山地

客系列等戶外裝備用品，產(chǎn)品定位為中端消費(fèi)水平。店鋪采用互補(bǔ)品及關(guān)聯(lián)產(chǎn)品方式，將

露營(yíng)及戶外探險(xiǎn)所互補(bǔ)產(chǎn)品以及關(guān)聯(lián)性產(chǎn)品全部經(jīng)營(yíng)，容易引起使顧客購(gòu)買一站式購(gòu)買，

更加方便快捷。

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

因?yàn)楝F(xiàn)代戶外運(yùn)動(dòng)需要花費(fèi)大量的時(shí)間和金錢，是勞筋骨磨意志的“苦差事”，一些

中老年消費(fèi)者很難有興趣或精力參與其中，所以目前參與現(xiàn)代戶外運(yùn)動(dòng)被視為有經(jīng)濟(jì)實(shí)力，

珍視休閑時(shí)間，熱愛生命的年輕人專利。在中國(guó)，更多的參與者屬于80后、90后以及00后

6

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

這些自主意識(shí)比較強(qiáng)，對(duì)新事物敏感，喜歡冒險(xiǎn)，提倡引領(lǐng)浪潮的群體。

因此上鑄戶外設(shè)備店鋪人群定位主要為18至48歲戶外運(yùn)動(dòng)愛好者以及露營(yíng)人群，特別

側(cè)重于極限運(yùn)動(dòng)愛好者，這類人群更重視戶外運(yùn)動(dòng)時(shí)產(chǎn)品的實(shí)用性。作為中端戶外設(shè)備店

鋪，可以滿足大部分人的消費(fèi)水平。

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

視覺沖擊往往是用戶進(jìn)入店鋪的首頁(yè)因素，而對(duì)于風(fēng)格的選擇，每個(gè)人的體感都是不

一樣，店鋪要做到的是針對(duì)特定的人群打造適合他們的需求和審美的店鋪，從而增加用戶

的粘性，并在使得店鋪在忠實(shí)用戶的親朋好友中起到一定的傳播。

在市場(chǎng)中大部分同類型店鋪風(fēng)格為綠色、木制等設(shè)計(jì)風(fēng)格，主要目的為引起人群露營(yíng)

對(duì)大自然的向往。但上鑄戶外設(shè)備店鋪人群定位不止露營(yíng)，還包括野外探險(xiǎn)。除了對(duì)對(duì)綠

色大自然的吸引，店鋪更側(cè)重戶外極限運(yùn)動(dòng)、戶外露營(yíng)的危險(xiǎn)性重視。因此店鋪風(fēng)格定位

為極簡(jiǎn)風(fēng)，主要配色為黑白灰。設(shè)計(jì)簡(jiǎn)潔明了，讓顧客進(jìn)入店鋪能夠快速找到自己的需求

物品，更加高效購(gòu)物。

2.4店鋪色彩分析

店鋪屬于戶外設(shè)備店鋪，主要針對(duì)的是戶外運(yùn)動(dòng)愛好者以及露營(yíng)人群。在設(shè)計(jì)時(shí)，店

鋪一改市面上大部分店鋪綠色、木制裝修風(fēng)格，主要為黑白灰三色調(diào)。黑色色彩給人帶來(lái)

一種神秘感，體現(xiàn)出戶外運(yùn)動(dòng)有一定危險(xiǎn)性。白色作為黑色對(duì)比色，象征著戶外運(yùn)動(dòng)除了

要警惕危險(xiǎn)性還有著輕松愉悅的一面。灰色則作為黑、白倆色調(diào)的調(diào)和色。

3上鑄戶外設(shè)備淘寶店鋪視覺設(shè)計(jì)

做好淘寶店鋪的視覺設(shè)計(jì)，首先就要從頁(yè)面排版來(lái)入手，只有明確顧客需求，排版主

次分明、突出重點(diǎn)，才能吸引消費(fèi)者，完成交易。

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

在版式設(shè)計(jì)中，如何突出店鋪的主要利益點(diǎn),讓構(gòu)圖的編排和色彩的選擇抓住消費(fèi)者

的目光都是需要在設(shè)計(jì)之前考慮到的。

店鋪結(jié)合主推產(chǎn)品和相關(guān)的活動(dòng),采用左右構(gòu)圖和中心構(gòu)圖來(lái)進(jìn)行編排，運(yùn)用字體、

圖片、色彩的組合來(lái)構(gòu)成店鋪整體的板式設(shè)計(jì),整體做到有重點(diǎn)、有主次、便捷、簡(jiǎn)約。

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

店鋪的首頁(yè)設(shè)計(jì)主要包括：店標(biāo)（logo）、導(dǎo)航、海報(bào)、活動(dòng)優(yōu)惠劵、新品推薦區(qū)、

7

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

熱銷榜單區(qū)、全部分類以及頁(yè)尾設(shè)計(jì)8個(gè)區(qū)域。

圖7首頁(yè)版式圖1

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

同淘寶大部店鋪一樣，最開始設(shè)計(jì)了店標(biāo)、導(dǎo)航?？梢宰岊櫩偷谝谎垡姷狡溥M(jìn)入的店

鋪為“上鑄”，同時(shí)導(dǎo)航也為顧客節(jié)省時(shí)間瀏覽，可以直接搜索自己所需商品在該店鋪。

極大的提高了購(gòu)物效率。

接下來(lái)店鋪設(shè)計(jì)了兩張全屏海報(bào)，主要針對(duì)為新款或者最近活動(dòng)制定的海報(bào)，從而吸

引顧客興趣，繼續(xù)進(jìn)行深入瀏覽。

8

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

下一部分店鋪選擇放置活動(dòng)及優(yōu)惠券，顧客可以從淘寶點(diǎn)擊一下直接切換到微博、小

紅書等app平臺(tái)進(jìn)行瀏覽本店鋪的活動(dòng)以及推廣。也通過放置優(yōu)惠券、入會(huì)優(yōu)惠等吸引顧

客加入該店鋪會(huì)員，促進(jìn)購(gòu)買。

緊接著，店鋪會(huì)將新品全部陳列在下一區(qū)域。讓顧客領(lǐng)取完優(yōu)惠券，看過活動(dòng)直接看

到新品以及新品的優(yōu)惠力度，吸引瀏覽以及購(gòu)買量。

再下一區(qū)域?yàn)闊徜N榜單，還在猶豫買什么野營(yíng)裝備的顧客可以通過熱銷榜單進(jìn)行參考。

再接著為全部商品，顧客可以通過自己所需商品類別直接搜索，方便快捷。

最后為頁(yè)尾設(shè)計(jì)，會(huì)有物流、發(fā)貨時(shí)間、產(chǎn)品以及退換貨要求及注意事項(xiàng)。提前讓顧

客了解。

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

詳情頁(yè)是提高轉(zhuǎn)化率的入口，因此寶貝詳情頁(yè)是店鋪產(chǎn)品是否能夠交易成功的關(guān)鍵因

素。一個(gè)成功的詳情頁(yè)要直擊消費(fèi)者的痛點(diǎn)，促進(jìn)消費(fèi)者的購(gòu)買欲望，要設(shè)計(jì)符合店鋪的

消費(fèi)者人群的定位特點(diǎn)。

產(chǎn)品1詳情頁(yè)版式，主要設(shè)計(jì)包括：海報(bào)、產(chǎn)品用途、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、包裝展

示及售后須知（頁(yè)尾部分）六個(gè)區(qū)域。

最開始設(shè)置了四張海報(bào)，在第三張海報(bào)下端設(shè)置了產(chǎn)品用途。緊接著是產(chǎn)品信息區(qū)域，

詳細(xì)介紹了此產(chǎn)品各類數(shù)據(jù)。再往下是產(chǎn)品細(xì)節(jié)圖文展示以及包裝展示。最后為售后須知。

整體詳細(xì)展示了顧客售前需求以及售后保障，設(shè)計(jì)簡(jiǎn)潔明了。不僅讓顧客快速了解，更讓

顧客覺得靠譜。

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

9

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

圖8產(chǎn)品1版式設(shè)計(jì)圖

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

產(chǎn)品2詳情頁(yè)版式設(shè)計(jì)與產(chǎn)品1詳情頁(yè)版式大徑相同。依舊是選擇和店鋪相符的色彩定

位黑白灰三色，主要包括：海報(bào)、產(chǎn)品優(yōu)勢(shì)、產(chǎn)品參數(shù)、功能分解圖、檔位介紹、產(chǎn)品細(xì)

10

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

節(jié)功能介紹、適用環(huán)境以及售后須知8個(gè)區(qū)域。

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

圖9產(chǎn)品2版式設(shè)計(jì)圖

3.2店鋪文案策劃

對(duì)于店鋪來(lái)說，產(chǎn)品的文案直接決定了產(chǎn)品的特色，有特色的東西才會(huì)更有價(jià)值，才

會(huì)更吸引用戶來(lái)購(gòu)買，形成有大量積淀的用戶群，最終達(dá)到較好的用戶口碑。

11

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

3.2.1首頁(yè)文案策劃

首頁(yè)文案設(shè)計(jì)比較重要的部分包括店招區(qū)域（含導(dǎo)航欄）、首頁(yè)海報(bào)、活動(dòng)區(qū)、產(chǎn)品

推薦和售后需知幾個(gè)部分的文案策劃。

店標(biāo)直接標(biāo)明了店鋪經(jīng)營(yíng)類型“上鑄戶外設(shè)備”，明確顧客該店鋪經(jīng)營(yíng)戶外設(shè)備，緊

接著下面標(biāo)注了店鋪標(biāo)識(shí)“金牌店家粉絲數(shù)98.3萬(wàn)淘寶神店榜戶外露營(yíng)器具排行榜

TOP2”，由這幾個(gè)標(biāo)識(shí)，可以增加顧客對(duì)店鋪產(chǎn)品質(zhì)量、物流、售后等好感度，從而促成

購(gòu)買量。再往下是關(guān)于店鋪直播“精致露營(yíng)必備好物”為主題的直播回放，顧客可以通過

這里觀看每期直播回放，從而對(duì)店鋪及產(chǎn)品有更好的了解。

接下來(lái)是倆張產(chǎn)品的海報(bào)，分別凸顯了產(chǎn)品特性，文案為“野營(yíng)折疊刀手柄雕刻以

凹陷的防滑槽增加防汗防滑功能防滑且不失質(zhì)感”、“強(qiáng)光安全錘手電筒IPX6級(jí)防水

加厚防水圈電路絕緣保護(hù)設(shè)計(jì)”。

再接下來(lái)為活動(dòng)區(qū)和優(yōu)惠券，用不同大小字體排練，可以讓顧客一眼看到優(yōu)惠券，從

而領(lǐng)取，加入會(huì)員、關(guān)注店鋪等。

往后部分除了產(chǎn)品推薦，還有一個(gè)熱銷榜單，通過TOP1、2、3等文案排練讓顧客直觀

看到店鋪產(chǎn)品購(gòu)買率，讓消費(fèi)者一眼記住增進(jìn)購(gòu)買率。

此外還有售后須知，這一部分詳細(xì)的寫出了關(guān)于物流、發(fā)貨時(shí)間、產(chǎn)品質(zhì)量以及退換

貨注意事項(xiàng)等內(nèi)容，打消顧客疑慮，增強(qiáng)產(chǎn)品保障。

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

產(chǎn)品的詳情頁(yè)是消費(fèi)者看到主圖或者產(chǎn)品的首頁(yè)產(chǎn)生興趣之后來(lái)到的頁(yè)面在詳情頁(yè)中

需要不斷強(qiáng)調(diào)該產(chǎn)品的優(yōu)勢(shì)與特色,利用好文案和視覺效果，促進(jìn)下單，提高產(chǎn)品的轉(zhuǎn)化

率。

產(chǎn)品1詳情頁(yè)本店鋪制作主要展示了產(chǎn)品細(xì)節(jié)、優(yōu)勢(shì)及用途。海報(bào)文案“滿足戶外野

心Campingfoldingknife”、“掌握自如人體工程學(xué)設(shè)計(jì)刀柄線條豐富而有力量刀片整

體搭配相得益彰”、“多道手工研磨刀刃切割耐磨不易生銹讓刀具兼具柔性與硬度”

中英文、不同字體突出產(chǎn)品優(yōu)勢(shì)，簡(jiǎn)約并且容易給顧客產(chǎn)生深刻印象。

產(chǎn)品的用途介紹具有場(chǎng)景性，三個(gè)場(chǎng)景分別從削樹枝、削紙張、割繩索，搭配文案

“讓刀具兼具柔性與硬度”，易使顧客帶入情景之中。

產(chǎn)品信息介紹實(shí)事求是介紹了產(chǎn)品的品牌、品名、刃材、刃厚、工藝、硬度、柄材，

重量等信息。簡(jiǎn)潔易懂，便于消費(fèi)者直接得到所需信息。

產(chǎn)品細(xì)節(jié)展示詳細(xì)展示了產(chǎn)品各個(gè)部位的優(yōu)勢(shì)及用途，讓顧客對(duì)產(chǎn)品有全方面的了解。

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

產(chǎn)品2的詳情頁(yè)文案同產(chǎn)品1一樣，主要以簡(jiǎn)潔明了的方式進(jìn)行設(shè)計(jì)，直接傳達(dá)產(chǎn)品信

12

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

息，也因?yàn)楸镜赇伕鳟a(chǎn)品詳情頁(yè)整體分割類似，增加顧客熟悉感，讓顧客一看到此類型詳

情頁(yè)就想到此店鋪。

產(chǎn)品2賣點(diǎn)主要針對(duì)安全錘手電筒這款產(chǎn)品特性，以及售賣人群特點(diǎn)進(jìn)行提煉，作為

安全錘手電筒以及戶外露營(yíng)人群特點(diǎn)來(lái)說，介紹不僅要有產(chǎn)品功能，更要實(shí)用耐用，一物

多用。所以文案不僅寫了產(chǎn)品各類參數(shù)，還分別以細(xì)節(jié)、用途、適用環(huán)境等角度進(jìn)行說明，

結(jié)合圖片細(xì)節(jié)及場(chǎng)景圖片，使消費(fèi)者直觀看到產(chǎn)品各類用途及多樣性，直擊顧客需求痛點(diǎn)。

“五種應(yīng)急警示音”、“USB兼容充電”、“太陽(yáng)能板”、“安全帶割繩”等直觀推

出產(chǎn)品2的優(yōu)勢(shì)，讓消費(fèi)者快速了解到產(chǎn)品的全方面特點(diǎn)及用途，提高產(chǎn)品性價(jià)比，增加

消費(fèi)者購(gòu)買欲。

最后每個(gè)詳情頁(yè)都會(huì)有售后須知，里面詳細(xì)介紹了店鋪快遞、發(fā)貨時(shí)間、產(chǎn)品廠家以

及退換貨注意事項(xiàng)，增強(qiáng)顧客對(duì)店鋪的信任感。

4上鑄戶外設(shè)備店鋪視覺效果制作

店鋪視覺效果配色很講究，顧客在瀏覽店鋪時(shí)，首要注意的是顏色方面。如果顧客難

以從琳瑯滿目的產(chǎn)品中分辨出主色調(diào)，那么就要重新思考如何進(jìn)行顏色搭配了。同時(shí)店鋪

的頁(yè)面要有足夠的吸引力與沖擊力，消費(fèi)者能夠被店鋪?lái)?yè)面吸引，那么就會(huì)停留的時(shí)間長(zhǎng)

一點(diǎn)，進(jìn)而促進(jìn)消費(fèi)者的購(gòu)買欲。

4.1店標(biāo)效果圖制作

店鋪名稱起名為“上鑄戶外設(shè)備”，上鑄為武術(shù)稀有兵器之一，械身為軟索，一段系

龍頭，一段系錐，均為金屬鑄制。本店之所以起名為上鑄，主要是想體現(xiàn)本店匠人精神，

以及上鑄二字簡(jiǎn)單易記，方便給人留下印象。之后的“戶外設(shè)備”則表明店鋪主營(yíng)戶外設(shè)

備，表示店鋪經(jīng)營(yíng)范圍。logo的設(shè)計(jì)非常簡(jiǎn)單，將“上”字變?yōu)橐还P，右下方寫“鑄”以

及拼音。

如圖10店標(biāo)所示：

圖10店鋪logo

13

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

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

首頁(yè)作為店鋪形象展示的窗口，其效果的好壞直接影響到店鋪品牌宣傳以及買家體驗(yàn)，

最后仍是影響店鋪的轉(zhuǎn)化率。在設(shè)計(jì)首頁(yè)時(shí)，因?yàn)榈赇伕鼈?cè)重戶外極限運(yùn)動(dòng)、戶外露營(yíng)的

危險(xiǎn)性重視，所以色彩選擇黑白灰為主色調(diào)，風(fēng)格為簡(jiǎn)約風(fēng)。

如圖11首頁(yè)效果圖所示：

圖11首頁(yè)效果圖

14

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

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

首頁(yè)海報(bào)是一個(gè)店鋪視覺核心，體現(xiàn)著店鋪整體的色調(diào)?，F(xiàn)如今店鋪都是推出全屏海

報(bào)，視覺效果沖擊也更強(qiáng)烈。真正讓人有眼前一亮的感覺也是通過其首頁(yè)海報(bào)體現(xiàn)的，可

以在海報(bào)上放上最重要的信息，展開產(chǎn)品的推薦，盡充分吸引消費(fèi)者的視線，體現(xiàn)店鋪品

牌風(fēng)格。

在設(shè)計(jì)海報(bào)時(shí)，店鋪決定將首頁(yè)海報(bào)設(shè)置為新品中的倆個(gè)產(chǎn)品，最后選定了野營(yíng)折疊

刀以及安全錘手電筒。再根據(jù)店鋪風(fēng)格，海報(bào)設(shè)計(jì)為簡(jiǎn)約款式，主要以展示產(chǎn)品形象為主。

海報(bào)1折疊刀在絲綢布上放置產(chǎn)品，絲綢為黑色光澤，產(chǎn)品為黑灰色系，相輔相成，

更好的展示了產(chǎn)品的全貌，外加產(chǎn)品放置為正中央，上配置文案“手柄雕刻以凹陷的防滑

槽增加防汗防滑功能防滑且不失質(zhì)感”，文案與背景產(chǎn)品形成顏色對(duì)比，可以讓顧客快

速抓住產(chǎn)品以及文案重點(diǎn)。整體高級(jí)滿滿。

如圖12海報(bào)1所示：

圖12海報(bào)1

15

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

海報(bào)2安全錘手電筒則在基礎(chǔ)上多展示了一個(gè)防水功能，與海報(bào)1折疊刀一樣產(chǎn)品圖在

最中央，文字配于最上方，第一眼吸引抓住顧客眼球。但與海報(bào)1不同的是，海報(bào)2展示產(chǎn)

品防水性，并沒有選擇傳統(tǒng)藍(lán)色水浸產(chǎn)品來(lái)展示，反而選擇透明色氣泡與白色背景，一方

面與白色與產(chǎn)品形成對(duì)比，更好凸顯產(chǎn)品細(xì)節(jié)。另一方面與海報(bào)1以及店鋪整體風(fēng)格達(dá)成

一致，整體色調(diào)黑白灰，簡(jiǎn)潔明了，形成獨(dú)特的店鋪風(fēng)格。文字則為與背景形成對(duì)比，設(shè)

計(jì)為黑色。

如圖13海報(bào)2所示：

圖13海報(bào)2

4.1.2優(yōu)惠券效果圖制作

在完成首頁(yè)海報(bào)后，添加了優(yōu)惠券區(qū)域以及會(huì)員、直達(dá)等內(nèi)容。優(yōu)惠券采用正方形工

具設(shè)計(jì)四份，在首位倆份對(duì)應(yīng)角分別變形為半弧形，整體視覺效果更為舒適。顏色與之前

海報(bào)店招等設(shè)計(jì)不同，大膽的選擇了酒紅和淡黃配色。在首頁(yè)整體界面，快速吸引人眼球，

里面設(shè)計(jì)了“10元”、“30元”、“60元”、“100元”以及加入會(huì)員等各種優(yōu)惠，通過

字體大小及形態(tài)變化，吸引顧客領(lǐng)取優(yōu)惠券購(gòu)物以及加入會(huì)員，為店鋪留下顧客。

16

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

如圖14優(yōu)惠券效果圖所示：

圖14優(yōu)惠券效果圖

4.1.3產(chǎn)品分類區(qū)效果圖制作

產(chǎn)品分類區(qū)展示了店鋪全部產(chǎn)品分類，有“野營(yíng)用具”、“帳篷系類”、“照明系

列”、“便攜用品”、“步林系列”、“山地客系列”。底色為白色，在每個(gè)分類上用酒

紅色繪畫了虛線空?qǐng)A。上下用酒紅色繪細(xì)虛線同其他區(qū)域分隔開來(lái)，同時(shí)也與上方優(yōu)惠券

活動(dòng)區(qū)色彩呼應(yīng)。在區(qū)域正上方中央用中英雙語(yǔ)寫了“全部分類”，整體設(shè)計(jì)清爽明了。

如圖15產(chǎn)品分類區(qū)效果圖所示：

17

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

圖15產(chǎn)品分類區(qū)效果圖

4.1.4產(chǎn)品展示區(qū)效果圖制作

產(chǎn)品展示區(qū)有新品推薦和熱銷榜單，區(qū)域分隔設(shè)計(jì)同產(chǎn)品分類區(qū)一樣。整體協(xié)調(diào)統(tǒng)一。

如圖16產(chǎn)品展示區(qū)效果圖所示：

圖16產(chǎn)品展示區(qū)效果圖

18

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

新品推薦里放置了最近店鋪上新的產(chǎn)品，優(yōu)惠活動(dòng)等都在頁(yè)面上顯示出來(lái)了，并且表

明了活動(dòng)價(jià)格，方便顧客選擇。

熱銷榜單中按照店鋪銷售排名放出了TOP1-3，并且有立刻購(gòu)買標(biāo)識(shí)，方便顧客快速點(diǎn)

擊進(jìn)入商品詳情頁(yè)。而且因?yàn)橛袖N量排名，暗示引導(dǎo)顧客消費(fèi)。右上角也有“查看更多”

標(biāo)識(shí)，能夠快速點(diǎn)擊查看全部商品。

4.1.5頁(yè)尾區(qū)效果圖制作

在結(jié)尾部分，頁(yè)尾部分主要展示了店鋪的相關(guān)的保障，對(duì)于文字和矩形背景顏色的選

擇為店鋪的主色調(diào)灰色和黑色，使整體更為和諧，視覺效果舒適。退貨流程分序說明，條

理清晰通俗易懂。

如圖17頁(yè)尾區(qū)效果圖所示：

圖17頁(yè)尾區(qū)效果圖

19

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

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

作為產(chǎn)品詳情頁(yè)效果圖，除了配色要與店鋪呼應(yīng)形成獨(dú)特品牌風(fēng)格，也要頁(yè)面突出層

次感，重要與次要，簡(jiǎn)單與關(guān)鍵的都分得清楚了，更有利于顧客進(jìn)行瀏覽。

4.2.1主副圖效果圖制作

產(chǎn)品主圖是一個(gè)產(chǎn)品的櫥窗，在搜索結(jié)果中是顧客的第一印象，所以主圖上顯示的內(nèi)

容尤為重要。在產(chǎn)品主圖上顯示的內(nèi)容是激發(fā)用戶點(diǎn)擊進(jìn)入店鋪的影響因素，因此在產(chǎn)品

1野營(yíng)折疊刀主圖設(shè)計(jì)時(shí)，背景色使用白色作為底色，將主產(chǎn)品放置在頁(yè)面中央，增加陰

影色，更加凸顯產(chǎn)品質(zhì)感。但為避免過于單調(diào)，在折疊刀旁邊放置了一把尺子，可以形成

對(duì)比，讓消費(fèi)者通過主圖就可知產(chǎn)品大約長(zhǎng)度。整個(gè)主圖邊框設(shè)為深紅-淺紅漸變的細(xì)邊

框，底部由三個(gè)圖形組合，分別為：矩形深紅-淺紅漸變快，與整體細(xì)邊框呼應(yīng)，白色字

體寫出新店開業(yè)贈(zèng)送產(chǎn)品等優(yōu)惠信息；淡黃-白色-淡黃漸變的圓角矩形，上面用紅色字體

標(biāo)明活動(dòng)時(shí)間；右下角紅色不規(guī)則色塊，白色字體標(biāo)明活動(dòng)到手價(jià)，同時(shí)為了避免單調(diào)，

在此色塊與優(yōu)惠信息色塊交接處放置了天貓形象卡通。利用顏色、大小、組合排列將畫面

設(shè)置更為協(xié)調(diào)，主次分明，清爽易懂。

如圖18產(chǎn)品1主圖所示：

圖18產(chǎn)品1主圖

20

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

產(chǎn)品的副圖設(shè)計(jì)主要是對(duì)主圖產(chǎn)品沒有展示出來(lái)的方面做補(bǔ)充，考慮到主副圖之間的

相呼應(yīng)，選用的也是以黑-白-灰三色為主色調(diào)，主要是對(duì)產(chǎn)品的細(xì)節(jié)部分和產(chǎn)品的賣點(diǎn)進(jìn)

行展示。

副圖1主要是折疊刀手柄細(xì)節(jié)進(jìn)行說明。圖文采用左圖右文，白色背景配黑色字體，

文案為“掌握自如人體工程學(xué)設(shè)計(jì)”、“手柄雕刻以凹陷的防滑槽增加防汗防滑功能”，

利用字體大小粗細(xì)變化強(qiáng)調(diào)主次，整體簡(jiǎn)約大氣，突出產(chǎn)品質(zhì)感。

如圖19產(chǎn)品1副圖1所示：

圖19產(chǎn)品1副圖1

副圖2主要是折疊刀刀片及使用場(chǎng)合進(jìn)行了說明。為避免都是純白背景太過單調(diào)，此

次背景選用了白色、淺灰色調(diào)的拼接色塊，低調(diào)又不會(huì)太過空虛。刀刃部分從畫面右上方

向左下方放出，倆邊搭配文案，突出刀刃鋒利不易生銹特點(diǎn)。正下方搭配三個(gè)場(chǎng)景圖搭配

文案，讓顧客帶入場(chǎng)景，直觀明了了解該賣點(diǎn)。

如圖20產(chǎn)品1副圖2所示：

21

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

圖20產(chǎn)品1副圖2

副圖3主要是折疊刀折疊攜帶便利性以及材質(zhì)進(jìn)行了說明，背景采用黑色綢緞?wù)醒?/p>

放置產(chǎn)品折疊起來(lái)的樣子，搭配陰影色，背景與產(chǎn)品整體融合協(xié)調(diào)，低調(diào)又慢慢高級(jí)感。

再在產(chǎn)品周圍按照字體大小不同寫出產(chǎn)品各項(xiàng)優(yōu)勢(shì)特點(diǎn)，吸引消費(fèi)者了解此產(chǎn)品。

如圖21產(chǎn)品1副圖3所示：

22

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

圖21產(chǎn)品1副圖3

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

產(chǎn)品1是野營(yíng)折疊刀，其詳情頁(yè)設(shè)計(jì)主要分為海報(bào)、產(chǎn)品信息、產(chǎn)品細(xì)節(jié)、購(gòu)買須知

等5個(gè)部分構(gòu)成。

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

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

23

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

海報(bào)部分，為了與主副圖相統(tǒng)一，使用了黑白灰三色調(diào)，將產(chǎn)品放置在海報(bào)頁(yè)面的正

中間部分，通過正視視覺提升整體導(dǎo)購(gòu)環(huán)境質(zhì)量、感官體驗(yàn)及產(chǎn)品的質(zhì)感。整體的色調(diào)統(tǒng)

一協(xié)調(diào)，這樣不僅使得店鋪有明顯的風(fēng)格特征，能讓消費(fèi)者產(chǎn)生深刻的印象。

在產(chǎn)品信息部分利用對(duì)稱性，八種信息分四行一行倆個(gè)簡(jiǎn)潔明了。下面還標(biāo)注了產(chǎn)品

展開及合上的尺寸大小，并添加了尺子對(duì)比，讓消費(fèi)者對(duì)數(shù)字?jǐn)?shù)據(jù)有具體實(shí)際概念。

產(chǎn)品細(xì)節(jié)部分利用“放大鏡”效果，將各部分細(xì)節(jié)搭配文字放大展示，讓消費(fèi)者感受

更加直接。

最后的購(gòu)買須知詳細(xì)列出了關(guān)于物流、時(shí)間、產(chǎn)品及退換貨的注意事項(xiàng)，讓消費(fèi)者知

道店鋪有良好而完善的售后服務(wù)體系，增加消費(fèi)者對(duì)店鋪的好感度，促進(jìn)訂單的轉(zhuǎn)化。

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

作為產(chǎn)品詳情頁(yè)效果圖，除了配色要與店鋪呼應(yīng)形成獨(dú)特品牌風(fēng)格，也要頁(yè)面突出層

次感，重要與次要，簡(jiǎn)單與關(guān)鍵的都分得清楚了，更有利于顧客進(jìn)行瀏覽。

4.3.1主副圖效果圖制作

在設(shè)計(jì)產(chǎn)品2強(qiáng)光安全錘的主圖時(shí)，背景色使用白色作為底色，將主產(chǎn)品放置在頁(yè)面

中央，凸顯產(chǎn)品質(zhì)感。在折疊刀右側(cè)放置了贈(zèng)品，吸引顧客點(diǎn)擊量。整個(gè)主圖邊框設(shè)置同

產(chǎn)品1主圖一樣為深紅-淺紅漸變的細(xì)邊框，底部由三個(gè)圖形組合，分別為矩形深紅-淺紅

漸變快，與整體細(xì)邊框呼應(yīng)，白色字體寫出新店開業(yè)滿減等優(yōu)惠信息；淡黃-白色-淡黃漸

變的圓角矩形，上面用紅色字體標(biāo)明活動(dòng)時(shí)間；右下角紅色不規(guī)則色塊，白色字體標(biāo)明活

動(dòng)到手價(jià)，同時(shí)為了避免單調(diào)，在此色塊與優(yōu)惠信息色塊交接處放置了天貓形象卡通。利

用顏色、大小、組合排列將畫面設(shè)置更為協(xié)調(diào)，主次分明，清爽易懂。

如圖23產(chǎn)品2主圖所示:

24

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

圖23產(chǎn)品2主圖

店鋪所有主副圖左上角均標(biāo)注了上鑄戶外設(shè)備店鋪logo，無(wú)形中讓顧客潛意識(shí)記住店

鋪logo。

副圖1將產(chǎn)品場(chǎng)景化，利用碎掉的玻璃突出產(chǎn)品“緊急破窗”優(yōu)勢(shì)特點(diǎn)，背景