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

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

目錄

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

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

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

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

2.1競爭對手店鋪視覺分析...............................................3

2.1.1競爭對手店鋪1視覺分析........................................3

2.1.2競爭對手店鋪2視覺分析........................................4

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

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

2.2.2消費者人群定位分析...........................................6

2.3店鋪風格分析.......................................................7

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

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

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

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

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

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

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

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

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

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

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

4.1店標效果圖制作....................................................13

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

4.1.1海報效果圖效果圖制作........................................15

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

I

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

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

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

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

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

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

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

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

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

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

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

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

II

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

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

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

露營營地市場規(guī)模受到整體旅游市場增長帶動，加之消費者更傾向于短途旅游和親近

自然，預(yù)計未來營地市場規(guī)模將持續(xù)擴大。露營設(shè)備也不只是單一線下購買，線上購買會

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

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

戶外裝備用品店。

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

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

年中國露營經(jīng)濟核心市場規(guī)模達到747.5億元，同比增長62.5%；帶動市場規(guī)模為3812.3億

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

帶動市場規(guī)模將達到14402.8億元。艾媒咨詢分析師認為，隨著消費升級，越來越多的消

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

2014-2025中國露營經(jīng)濟市場規(guī)模及預(yù)測分析（數(shù)據(jù)來源：iiMediaResearch艾媒咨

詢)如圖1所示。

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

1

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

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

便快捷的滿足露營人們需求。

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

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

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

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

示。

圖2中國露營行業(yè)線上平臺熱度分析

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

100頁。

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

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

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

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

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

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

2

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

味著露營人群購買裝備的高峰期也至。

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

上鑄戶外設(shè)備店鋪作為新店，在正式的投入運營設(shè)計之前，要有明確的定位，成熟的

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

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

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

2.1競爭對手店鋪視覺分析

分析競爭對手的店鋪，不僅能夠有利于學習吸取相關(guān)的設(shè)計風格，也是有利于激發(fā)設(shè)

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

對于競爭店鋪的糟粕點也可以及時的避免。

2.1.1競爭對手店鋪1視覺分析

競爭對手店鋪1的店鋪名稱為“原始人旗艦店”，該店鋪的粉絲數(shù)為23.1萬人，首頁

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

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

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

面就是購物金活動的板塊，通過“充500得510，充1000得1025”等購物金活動，刺激消費

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

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

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

且刺激了其他消費。

競爭對手店鋪1首頁如圖4所示：

3

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

圖4競爭對手店鋪1首頁

2.1.2競爭對手店鋪2視覺分析

競爭對手店鋪2的店鋪名稱為“高邁戶外專營店”粉絲數(shù)有9.7652萬，店鋪收錄于

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

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

所需要的物品。緊接著是四張輪播海報，分別為“戶外噴槍、防爆卡式氣罐、戶外燃氣、

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

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

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

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

物品。

競爭對手店鋪2首頁如圖5所示：

4

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

圖5競爭對手店鋪2首頁圖

2.2店鋪視覺營銷定位分析

上鑄戶外設(shè)備店鋪作為新店，在正式的投入運營設(shè)計之前要有明確的定位，明確的定

5

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

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

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

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

隨著消費升級，越來越多的消費者加入到露營活動中，露營及其相關(guān)產(chǎn)業(yè)在中國有著

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

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

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

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

營市場有一定的前景。在競爭激烈的情況下，新生的店鋪要獲取到利益，便要打造自己獨

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

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

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

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

更加方便快捷。

2.2.2消費者人群定位分析

因為現(xiàn)代戶外運動需要花費大量的時間和金錢，是勞筋骨磨意志的“苦差事”，一些

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

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

6

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

這些自主意識比較強，對新事物敏感，喜歡冒險，提倡引領(lǐng)浪潮的群體。

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

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

鋪，可以滿足大部分人的消費水平。

2.3店鋪風格分析

視覺沖擊往往是用戶進入店鋪的首頁因素，而對于風格的選擇，每個人的體感都是不

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

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

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

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

色大自然的吸引，店鋪更側(cè)重戶外極限運動、戶外露營的危險性重視。因此店鋪風格定位

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

物品，更加高效購物。

2.4店鋪色彩分析

店鋪屬于戶外設(shè)備店鋪，主要針對的是戶外運動愛好者以及露營人群。在設(shè)計時，店

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

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

要警惕危險性還有著輕松愉悅的一面?；疑珓t作為黑、白倆色調(diào)的調(diào)和色。

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

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

次分明、突出重點，才能吸引消費者，完成交易。

3.1店鋪版式設(shè)計

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

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

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

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

3.1.1首頁版式設(shè)計

店鋪的首頁設(shè)計主要包括：店標（logo）、導航、海報、活動優(yōu)惠劵、新品推薦區(qū)、

7

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

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

圖7首頁版式圖1

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

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

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

極大的提高了購物效率。

接下來店鋪設(shè)計了兩張全屏海報，主要針對為新款或者最近活動制定的海報，從而吸

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

8

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

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

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

客加入該店鋪會員，促進購買。

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

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

再下一區(qū)域為熱銷榜單，還在猶豫買什么野營裝備的顧客可以通過熱銷榜單進行參考。

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

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

客了解。

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

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

素。一個成功的詳情頁要直擊消費者的痛點，促進消費者的購買欲望，要設(shè)計符合店鋪的

消費者人群的定位特點。

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

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

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

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

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

顧客覺得靠譜。

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

9

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

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

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

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

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

10

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

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

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

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

3.2店鋪文案策劃

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

會更吸引用戶來購買，形成有大量積淀的用戶群，最終達到較好的用戶口碑。

11

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

3.2.1首頁文案策劃

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

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

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

接著下面標注了店鋪標識“金牌店家粉絲數(shù)98.3萬淘寶神店榜戶外露營器具排行榜

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

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

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

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

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

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

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

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

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

看到店鋪產(chǎn)品購買率，讓消費者一眼記住增進購買率。

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

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

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

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

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

率。

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

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

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

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

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

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

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

重量等信息。簡潔易懂，便于消費者直接得到所需信息。

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

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

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

12

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

息，也因為本店鋪各產(chǎn)品詳情頁整體分割類似，增加顧客熟悉感，讓顧客一看到此類型詳

情頁就想到此店鋪。

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

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

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

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

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

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

消費者購買欲。

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

及退換貨注意事項，增強顧客對店鋪的信任感。

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

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

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

的頁面要有足夠的吸引力與沖擊力，消費者能夠被店鋪頁面吸引，那么就會停留的時間長

一點，進而促進消費者的購買欲。

4.1店標效果圖制作

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

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

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

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

及拼音。

如圖10店標所示：

圖10店鋪logo

13

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

4.2店鋪首頁效果圖制作

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

最后仍是影響店鋪的轉(zhuǎn)化率。在設(shè)計首頁時，因為店鋪更側(cè)重戶外極限運動、戶外露營的

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

如圖11首頁效果圖所示：

圖11首頁效果圖

14

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

4.1.1海報效果圖效果圖制作

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

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

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

牌風格。

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

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

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

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

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

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

如圖12海報1所示：

圖12海報1

15

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

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

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

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

面與白色與產(chǎn)品形成對比，更好凸顯產(chǎn)品細節(jié)。另一方面與海報1以及店鋪整體風格達成

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

計為黑色。

如圖13海報2所示：

圖13海報2

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

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

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

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

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

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

16

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

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

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

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

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

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

紅色繪畫了虛線空圓。上下用酒紅色繪細虛線同其他區(qū)域分隔開來，同時也與上方優(yōu)惠券

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

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

17

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

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

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

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

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

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

18

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

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

明了活動價格，方便顧客選擇。

熱銷榜單中按照店鋪銷售排名放出了TOP1-3，并且有立刻購買標識，方便顧客快速點

擊進入商品詳情頁。而且因為有銷量排名，暗示引導顧客消費。右上角也有“查看更多”

標識，能夠快速點擊查看全部商品。

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

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

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

理清晰通俗易懂。

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

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

19

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

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

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

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

4.2.1主副圖效果圖制作

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

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

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

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

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

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

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

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

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

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

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

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

20

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

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

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

行展示。

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

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

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

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

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

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

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

向左下方放出，倆邊搭配文案，突出刀刃鋒利不易生銹特點。正下方搭配三個場景圖搭配

文案，讓顧客帶入場景，直觀明了了解該賣點。

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

21

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

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

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

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

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

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

22

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

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

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

產(chǎn)品1是野營折疊刀，其詳情頁設(shè)計主要分為海報、產(chǎn)品信息、產(chǎn)品細節(jié)、購買須知

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

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

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

23

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

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

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

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

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

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

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

更加直接。

最后的購買須知詳細列出了關(guān)于物流、時間、產(chǎn)品及退換貨的注意事項，讓消費者知

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

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

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

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

4.3.1主副圖效果圖制作

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

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

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

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

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

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

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

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

24

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

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

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

鋪logo。

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