沃斯嚴選淘寶網(wǎng)店視覺營銷設(shè)計方案

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

目錄

1、沃斯嚴選淘寶店鋪概況.............................................................................................1

1.1數(shù)碼類淘寶店鋪發(fā)展現(xiàn)狀..................................................................................1

1.2沃斯嚴選淘寶店鋪現(xiàn)狀......................................................................................2

2、沃斯嚴選淘寶店鋪視覺營銷分析.............................................................................2

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

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

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

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

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

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

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

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

3、沃斯嚴選淘寶店鋪視覺設(shè)計.....................................................................................6

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

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

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

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

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

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

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

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

4、沃斯嚴選淘寶店鋪視覺效果制作...........................................................................13

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

4.1.1店招設(shè)計過程..........................................................................................13

4.1.2海報制作..................................................................................................14

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

II

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

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

4.2.1主副圖效果圖..........................................................................................17

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

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

4.3.1主副圖效果圖..........................................................................................21

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

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

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

III

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

沃斯嚴選淘寶網(wǎng)店視覺營銷設(shè)計方案

1、沃斯嚴選淘寶店鋪概況

沃斯嚴選淘寶網(wǎng)店成立于2020年，店鋪專注于數(shù)碼類產(chǎn)品的銷售，主營產(chǎn)

品有藍牙音箱、平板電腦、智能手機、鼠標、電子手環(huán)、耳機、手機支架、鋼

化膜等等數(shù)碼產(chǎn)品以及一些數(shù)碼配件。沃斯嚴選取名的靈感來自英語單詞

“worth”音譯過來中文發(fā)音就是沃斯，worth在英文語境中的有值得的、有價

值的、重要性的含義。站在消費者的角度，希望帶給顧客性價比高，物美價廉

的產(chǎn)品，讓顧客買的值、買的放心。嚴選貫徹優(yōu)選好貨，好貨不貴的原則。開

創(chuàng)專業(yè)測評體驗團隊，建立強大的產(chǎn)品體驗數(shù)據(jù)庫，致力于為消費者篩選高性

價比信得過靠譜的產(chǎn)品。

1.1數(shù)碼類淘寶店鋪發(fā)展現(xiàn)狀

近年來，隨著數(shù)字技術(shù)的飛速發(fā)展和人們生活水平的提高，數(shù)碼產(chǎn)品已經(jīng)

成為了消費者普遍的購買需求。在這種大背景下，淘寶上數(shù)碼類店鋪得到了快

速的發(fā)展。具體來說出現(xiàn)了市場規(guī)模不斷擴大、競爭形勢激烈、用戶體驗成為

關(guān)鍵、多元化發(fā)展趨勢、商品品類豐富、價格優(yōu)惠、規(guī)模壯大、電商平臺發(fā)展

等趨勢。

根據(jù)百度指數(shù)相關(guān)數(shù)據(jù)顯示，如圖1所示。數(shù)碼關(guān)鍵詞的搜索從2022年10

月到2023年4月來半年的資訊日平均值達到37376476，整體同比增長284%，

環(huán)比增長了109%。由此可看出數(shù)碼類的需求呈上升趨勢。數(shù)碼資訊熱度分析如

圖1所示。

圖1數(shù)碼資訊熱度分析

1

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

1.2沃斯嚴選淘寶店鋪現(xiàn)狀

沃斯嚴選淘寶網(wǎng)店于2020年9月成立。主營藍牙音箱、平板電腦、智能手

機、鼠標、電子手環(huán)、耳機、手機支架、鋼化膜等數(shù)碼產(chǎn)品及配件。致力于打

造超高性價比的3c數(shù)碼類新晉創(chuàng)新品牌，經(jīng)過近三年的發(fā)展全網(wǎng)積累了近50

萬粉絲，在3c數(shù)碼品類市場中占據(jù)了一席之地，目標用戶主要為大學生和中老

年中端群體，主要以網(wǎng)店銷售渠道為主，并正在加快線下實體店體驗店鋪的布

局，吸引線下用戶向線上消費轉(zhuǎn)變，采用O2O發(fā)展模式。店鋪在整個3c行業(yè)中

的發(fā)展呈上升趨勢，處于生命周期的成長階段。為提高知名度和打造公司品牌

形象，吸引更多用戶知悉和了解“沃斯嚴選”品牌，現(xiàn)階段綜合各種促銷策略

對本店進行宣傳，如：“店鋪新粉立減，入群搶優(yōu)惠券，大促贈送運費險，全

國包郵，整點秒殺”等活動。

2、沃斯嚴選淘寶店鋪視覺營銷分析

隨著中國發(fā)展進入新時代，經(jīng)濟要求高質(zhì)量發(fā)展，技術(shù)的革新和供給側(cè)改

革等等，人們的消費觀念也隨時代變化而呈現(xiàn)出新的趨勢。追求個性化和多樣

化，碎片化，對于附加配套服務(wù)的要求越來越重視，由此，視覺營銷作為觸達

消費者很重要的一環(huán)，應(yīng)當根據(jù)市場需求的變化和新型的消費特點，在視覺營

銷中針對以上趨勢調(diào)整營銷策略。如：采用放大加粗對比等設(shè)計手段，明確簡

單扼要的突出自身的獨特賣點，以求在異常激烈的競爭中，和消費者有限的瀏

覽時間的情況下，迅速抓住消費者興趣。整體上統(tǒng)一規(guī)劃店鋪的色彩風格，主

色調(diào)和輔色調(diào)搭配，主次分明的形成自己的店鋪品牌調(diào)性。從圖片、文字、色

彩三方面，將本店鋪的產(chǎn)品進行差異化突出顯示，找準市場定位和與之相匹配

的服務(wù)。

2.1競爭對手分析

為了精準有效的把握市場機會，比較和分析自身的競爭優(yōu)勢和相對威脅，

對競爭對手的分析是大有裨益的。分析競爭對手有利于了解市場狀況、了解客

戶需求、提高企業(yè)競爭意識、識別自身優(yōu)勢與不足等等，而視覺營銷作為分析

競爭對手信息的重要方面，對競爭對手店鋪的視覺營銷分析是很有必要的。

2.1.1競爭對手店鋪1

沃斯嚴選的主要競爭對手之一是realme官方旗艦店。根據(jù)淘寶網(wǎng)相關(guān)數(shù)據(jù)

2

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

顯示，真我官方旗艦店的信用等級為五個皇冠的天貓店，于2019年3月20日

開設(shè)，上架寶貝數(shù)為51個，月銷售量過萬為8.53萬個，粉絲數(shù)為1472.8萬，

DSR平分均高于同行，分別為描述相符4.8分，服務(wù)態(tài)度4.8分，物流服務(wù)4.9

分。店鋪收藏人數(shù)為10515347人，店鋪綜合體驗分為5顆星。真我官方旗艦店

的動態(tài)評分如圖2所示，真我官方旗艦店的DSR評分如圖3所示。

圖2真我官方旗艦店的動態(tài)評分圖

圖3真我官方旗艦店的DSR評分圖

2.1.2競爭對手店鋪2

沃斯嚴選的主要競爭對手之一是蘇寧易購官方旗艦店。根據(jù)淘寶網(wǎng)相關(guān)數(shù)

據(jù)顯示，真我官方旗艦店的信用等級為五個皇冠的天貓店，于2015年8月10

日開設(shè)，上架寶貝數(shù)為169131個，月銷售量過萬為5.83百萬個，粉絲數(shù)為

4799.5萬，DSR評分與同行齊平，分別為描述相符4.7分，服務(wù)態(tài)度4.8分，

物流服務(wù)4.8分。店鋪收藏人數(shù)為46201170人，店鋪綜合體驗分為4顆星。蘇

寧易購官方旗艦店的動態(tài)評分如圖4所示，蘇寧易購官方旗艦店的DSR評分如

圖5所示。

圖4蘇寧易購官方旗艦店的動態(tài)評分圖

3

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

圖5蘇寧易購官方旗艦店的DSR評分圖

2.2店鋪視覺營銷定位分析

網(wǎng)店視覺營銷定位分析的首要目標是通過分析網(wǎng)店在市場中的位置，為提

高其品牌形象和增加銷售收益打下基礎(chǔ)。沃斯嚴選淘寶網(wǎng)店是一家專注于3c數(shù)

碼產(chǎn)品銷售的網(wǎng)店，主營產(chǎn)品有藍牙音箱、平板電腦、智能手機、鼠標、電子

手環(huán)、耳機、手機支架、鋼化膜等等數(shù)碼產(chǎn)品以及一些數(shù)碼配件。目標市場是

中端客戶群體，以大學生和職場年輕用戶為主，下沉市場的二三線占多數(shù)。這

些用戶追求多樣化，富有個性，可以自己可支配的收入適中，這要求店鋪頁面

的設(shè)計需要大膽地運用色彩及動感元素，以傳達一種年輕活力的氛圍，符合目

標用戶的心理特征。數(shù)碼類發(fā)燒友、新世代的年輕大學生用戶受自身學識背景

的影響，加之隨著信息的發(fā)展，信息不對稱對購買決策的影響越來越小，購買

行為趨于理性。為了說服消費者促使購買，在店鋪風格的設(shè)計上整體呈現(xiàn)一種

簡潔大方的風格，將重要信息著重突出，主次分明，減少繁雜的信息給消費者

帶來干擾?；诔鍪鄣氖?c數(shù)碼類產(chǎn)品，店鋪的色彩風格以藍色為主白色等其

他顏色為輔，藍色被廣泛賦予科技的意義，比較符合本店所售產(chǎn)品的特點。

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

產(chǎn)品定位分析對于店鋪的發(fā)展方向和產(chǎn)品開發(fā)非常重要，一個清晰的產(chǎn)品

定位分析可以讓店鋪更好地了解市場需求和競爭情況，并使產(chǎn)品具有更高的市

場競爭力和生存能力。本店的產(chǎn)品面向的是年輕化群體，有著注重個性化、追

求品質(zhì)、強調(diào)體驗、信任社交媒體、趨于理性等特征，為此本店的產(chǎn)品著重性

價比，在營銷策略上側(cè)重口碑宣傳。有別于競爭對手的突出優(yōu)勢是，本店的產(chǎn)

品是經(jīng)過專業(yè)評測人員體驗甄選得出的高性價比的產(chǎn)品。在廣泛調(diào)研的基礎(chǔ)上，

本店所出售的產(chǎn)品最大可能得滿足大學生和上班族年輕人的需求。定價方面以

4

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

市場需求為導向，結(jié)合品牌特性定價合理。例如本店主推的華為平板電腦

MatePad11，在疫情期間網(wǎng)課需求劇增，這款pad主要針對有辦公需求的學生黨

而設(shè)計。擁有萬物互聯(lián)的鴻蒙系統(tǒng)以便和手機端電腦端等設(shè)備進行數(shù)據(jù)互通，

提升辦公效率。屏幕采用120hz高刷新率，還有雙重萊茵護眼認證，使消費者

在長時間網(wǎng)課直播的過程中減輕眼睛負擔保護視力，第二代手寫筆大大降低了

觸控延遲率，使手記如絲般順滑。超大電池，續(xù)航一整天無壓力。四揚聲器使

網(wǎng)課辦公更有沉浸式體驗。大學生移動教室上課需求，在機身厚度設(shè)計方面也

做到極致輕薄，方便攜帶。活動期間立減400元即2399元就能購得，并且售后

服務(wù)提供1年平臺質(zhì)保2年店保。

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

本店主營各類小件3c數(shù)碼產(chǎn)品，主要針對大學生和職場年輕人士，有一定

購買能力的二三線消費者群體。他們追求個性、多樣，品牌意識強，看重產(chǎn)品

口碑，想要得到完善和優(yōu)良的購物與售后體驗，有一定的知識背景，購買行為

逐漸趨于理性。崇尚輕便快捷的購物方式，關(guān)注停留時間碎片化。

2.3店鋪風格分析

由于本店的目標受眾是大學生和職場年輕群體，出售的是高性價比數(shù)碼電

子產(chǎn)品。所以結(jié)合目標客戶特點和自身品牌戰(zhàn)略目標，通過在圖片展示、文字

排版、色彩搭配等發(fā)面，注重功能介紹和規(guī)格參數(shù)展示，綜合考量字體、顏色、

排版、圖標等設(shè)計元素，營造一種獨特的店鋪風格，本店就是采用藍白簡潔大

方的色調(diào)搭配，使消費者感到活力大方。

2.4店鋪色彩分析

在店鋪色彩風格方面，在廣泛調(diào)研競爭對手的店鋪風格后，分析發(fā)現(xiàn)黃色

系和紅色系居多。為了避免雷同，突出自身網(wǎng)店的獨特性，并結(jié)合產(chǎn)品特色本

店確定了以藍色系為主要方向。而本店的數(shù)碼產(chǎn)品的消費群體相對年輕，普遍

偏向于選擇具有活力、明快和清新感的色彩。所以去除了藍色里面較深的顏色，

選擇飽和度稍低亮度較高的天空藍作為主色調(diào)。考慮到整個品牌設(shè)計美感，決

定選用具有科技感、時尚感的色彩，以輕尚自由的晴天藍強調(diào)產(chǎn)品的前沿性和

高質(zhì)感。并且以簡潔大方的白色作為輔助色，最終在視覺上創(chuàng)造出一個獨特、

美觀、時尚的數(shù)碼網(wǎng)店形象。

5

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

3、沃斯嚴選淘寶店鋪視覺設(shè)計

于消費者而言，了解與認識一個店鋪的特點與調(diào)性，首要的途徑是對于店

鋪整體視覺風格設(shè)計的感知，良好的視覺設(shè)計不僅可以確保信息傳達清晰、準

確，同時還能夠增加觀眾的記憶度和信任感。于店鋪而言，樹立鮮明的品牌形

象，將有助于其在目標客戶心理占據(jù)獨特的位置。為了給消費者留下深刻而又

獨特的印象，視覺設(shè)計的圖文排版、文案設(shè)計、色調(diào)搭配等方面需要符合吸引

人眼球、與品牌形象相符、明確傳達營銷目的、簡潔易懂、布局合理等要求，

進而突出產(chǎn)品賣點、幫助消費者了解功能與特色、刺激購買。

3.1店鋪版式設(shè)計

網(wǎng)店版式設(shè)計是一家網(wǎng)店成功的重要組成部分之一，它直接影響著用戶對

網(wǎng)站的第一印象和購物體驗。在一個競爭激烈的電商市場環(huán)境下，一個高品質(zhì)

的網(wǎng)店版式設(shè)計不僅能使產(chǎn)品更容易被找到，也能提高店鋪的收入水平。通過

鮮明、美觀的頁面設(shè)計來吸引顧客在競爭激烈的市場中選擇自己的網(wǎng)店。一個

良好的版式設(shè)計不僅可以為用戶提供簡單、方便的導航，而且還能夠使用戶找

到所需要的信息快速、準確地定位商品，從而提高用戶滿意度。通過精心設(shè)計

的版式，可為企業(yè)或品牌建立獨特的視覺風格，給顧客留下深刻的印象并提高

企業(yè)形象和信譽度。良好的版式設(shè)計可以促進顧客花更多的時間瀏覽店鋪的產(chǎn)

品，增加轉(zhuǎn)化率。通過對不同產(chǎn)品分類的合理整理與布局，優(yōu)化商城內(nèi)的搜索

使用，對某類件同比在最容易讓目標人群發(fā)現(xiàn)的區(qū)域，以及將寶貴空間騰出來

用于更多的營銷內(nèi)容。

3.1.1首頁版式設(shè)計

店鋪首頁版式的設(shè)計整體板塊由店招、導航、全屏海報、優(yōu)惠券、新品促

銷、熱銷推薦、售后服務(wù)組成。首先首頁的主色調(diào)是藍色打底，背景選擇白色

突出藍白層次。店招以純白色為底，簡潔大方，以便突出主推產(chǎn)品和品牌logo

迅速抓住消費者眼球，使消費者知悉和了解本店的特色。導航欄依舊是白色打

底，并用分界線將店招和導航欄區(qū)別開來。導航欄左側(cè)是各種功能的分類選項，

簡單易于使用，子菜單層次明確，右側(cè)是搜索框，以便消費者搜查自己感興趣

的產(chǎn)品。海報部分選擇以圖為背景文字加粗顯示的方式，圖文結(jié)合，并排展示，

主推本店上新產(chǎn)品。海報下部分是優(yōu)惠券分區(qū)，利用加大加粗字體吸引消費者

注意，符合各種不同的條件可以領(lǐng)取對應(yīng)的優(yōu)惠券。新品促銷方面，分三個模

6

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

塊，一個為長條矩形里面采用上圖下文的排版。下方是兩個等面積的矩形，并

列排放，同樣采用上圖下文的方式以保持排版的統(tǒng)一性，使消費者更為直觀的

瀏覽和選購產(chǎn)品。熱門推薦模塊以淺藍色打底，分兩列白色的圓角矩形布局排

版，在保持簡潔的同時增添了頁面的活力感，通過將各種細分品類的代表熱銷

商品展示出來，使消費者了解本店的大致定位。售后服務(wù)模塊，用小元素logo

與文字簡寫配合的方式，左圖右文，兩側(cè)縱列排布，直觀了當，使消費者放心

購買。最后是“返回頂部”，利用極簡的圖文搭配，黑色字體點擊就可回到首頁

頂部。店鋪首頁版式設(shè)計草圖如圖6所示。

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

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

本店的主推產(chǎn)品之一是vivox80，商品詳情頁的版式設(shè)計如下圖。商品詳情

頁的背景采用品牌主色調(diào)藍色打底，附著于上方的各個模塊則是較淺的藍色。

第一個模塊是購機優(yōu)惠，“購機享好禮”水平居中放置，淺藍色的背景上增添矩

形白色色塊，進一步加強模塊的層次感。五個小模塊分別代表不同活動，消費

者可以根據(jù)自身需求和條件選擇參與的活動類型。下方是主推的vivox80的海

報設(shè)計，采用左圖右文的方式，用文字簡單扼要的解釋vivox80的賣點并設(shè)計

7

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

有立即購買按鈕，刺激消費者購買。參數(shù)配置模塊，利用文字提煉產(chǎn)品的主要

屬性，幫助消費者迅速了解產(chǎn)品，中間采用分割線將兩邊縱列區(qū)別開，減輕瀏

覽負擔。“八大賣點”模塊，則采用不對稱的類s形的排版方法，增強了趣味性，

各個小方塊里則通過上圖下文將產(chǎn)品的八大賣點分別強調(diào)突出出來，集中緊湊，

一覽無余。“包裝清單”模塊白色打底，上圖下文，將各個配件的實體圖片縱列

排布，使消費者直觀了解包裝內(nèi)的具體內(nèi)容?！笆酆蟊Ｕ稀蹦K，用小元素logo

與文字簡寫配合的方式，左圖右文，兩側(cè)縱列排布，直觀了當，使消費者放心

購買。最后是“返回頂部”，利用極簡的圖文搭配，黑色字體點擊就可回到首頁

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

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

8

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

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

產(chǎn)品詳情頁2是本店第二個主推的產(chǎn)品。整個商品詳情頁以藍色為背景，

定下總體基調(diào)。首先呈現(xiàn)的是“購機最高享受九重豪禮”，由藍色向淺藍再到白

色色塊，層層遞進，通過九宮格的方式列舉九種活動，簡單明了，吸引消費者

注意，產(chǎn)生購買興趣。下方是“華為matepad11”的海報設(shè)計，上圖下文，水平

居中的排版方式，對稱工整，突出賣點。“參數(shù)配置“模塊，利用文字提煉產(chǎn)品

的主要屬性，幫助消費者迅速了解產(chǎn)品，中間采用分割線將兩邊縱列區(qū)別開，

減輕瀏覽負擔。購買選擇的四大理由模塊，左圖右文，右圖左文交錯排布，大

致呈s形，使整個界面設(shè)計增添了些許的活力?！卑b一覽“模塊，文字采用列

表縱列分布的形式，簡要的使消費者知曉所賣產(chǎn)品的具體物件。“售后保障”模

塊，用小元素logo與文字簡寫配合的方式，左圖右文，兩側(cè)縱列排布，直觀了

當，使消費者放心購買。最后是“返回頂部”，利用極簡的圖文搭配，黑色字體

點擊就可回到首頁頂部。產(chǎn)品詳情頁2版式設(shè)計草圖如圖8所示。

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

9

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

3.2店鋪文案策劃

文案是產(chǎn)品推廣的關(guān)鍵部分。一個好的文案可以吸引目標用戶并增加銷售，

而一個差的文案則可能導致銷售下降甚至失敗。根據(jù)產(chǎn)品特點和消費者需求偏

好有針對性的設(shè)計推廣文案，將產(chǎn)品的設(shè)計理念和賣點推廣傳遞給消費者，這

要求文案要做到精煉、簡潔、有說服力，能夠清晰明了地表達信息，讓讀者更

容易理解等要求。好的文案能使圖片傳達的信息更為準確生動，有效表達，沒

有文案的圖片是蒼白無力的。

3.2.1首頁文案策劃

網(wǎng)店的首頁是消費者首先觸達的地方，影響著消費者對一個店鋪和品牌的

第一感受。首頁也是自身店鋪區(qū)別于同行的最主要的視覺表現(xiàn)，是品牌差異化

競爭的直接體現(xiàn)。網(wǎng)店首頁文案的策劃必須要簡單生動，語言文字具備吸引力，

以激發(fā)顧客的購買欲望。突出產(chǎn)品的獨特賣點，讓顧客更加清晰地了解產(chǎn)品的

特點和優(yōu)點，以提高消費者對該產(chǎn)品的信任度和滿意度，增加銷售量。首頁文

案應(yīng)該巧妙的運用文字、圖片等元素塑造品牌形象，增強品牌的影響力和認知

度。

為旗幟鮮明的突出本店特色和品牌，店招部分最左側(cè)設(shè)計了本店的logo文

案“沃斯嚴選”，作為品牌的補充說明設(shè)計了slogan“精選好貨，上沃斯”，通

過簡短易懂的標語傳達本店的產(chǎn)品特點，更多人的關(guān)注。分別設(shè)置極具性價比

的手機，促銷活動等信息給顧客，讓顧客更好地了解本店。

導航欄部分，則是“首頁、所有寶貝、手機、平板、智能穿戴、數(shù)碼配件”

和“搜索框”，通過分類的方法，為用戶提供了快速訪問網(wǎng)店各個頁面的方式，

方便他們快速找到想要的信息或產(chǎn)品，改善用戶體驗，在一定程度上能提高轉(zhuǎn)

化率。

海報部分，采用左文右圖的方式，左邊的文案“vivox90”將文字變形加粗

放大，意在突出主推產(chǎn)品是什么，彰顯品牌意識。下方的“蔡司影像，超越想

象”利用藍色字體著重顯示產(chǎn)品的獨特賣點，文案簡短精煉，給人留下深刻印

象?！安趟疽挥⒋鏣*主攝、自研芯片V2、全球首發(fā)天璣9200”為次要賣點，整

體呈居中對齊排列，與前文保持一致，增強文案的統(tǒng)一性，方便用戶瀏覽閱讀。

優(yōu)惠券部分，每張優(yōu)惠券的角標“無門檻券、滿減券、驚喜秒殺券、會員

券”告知消費者所領(lǐng)取券的類型，“關(guān)注領(lǐng)取、入群領(lǐng)券、入會秒殺、限時特惠”

設(shè)計為白色字體并加粗變形，讓消費者明確領(lǐng)取條件，通過優(yōu)惠時間或數(shù)量的

10

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

明確限制，讓消費者有一種錯過機會就無法再次享受的緊迫感，促使他們更快

地購買。

下面是新品展示部分，“OPPOReno9、榮耀80Pro、一加ACEPro”展示所售

機型，強化品牌形象，提升品牌識別度。“自然質(zhì)感影像、1.6億像素超清主攝、

驍龍8+旗艦芯”讓消費者能夠快速理解產(chǎn)品的特色和亮點，從而更好的了解產(chǎn)

品?！?499起、3299起、3499起”親和的定價，兩者結(jié)合增加了消費者對產(chǎn)品

性價比的感知，進一步促進銷售。

熱門推薦部分的文案，首先產(chǎn)品是經(jīng)由大數(shù)據(jù)篩選得出的高口碑和高性價

比的產(chǎn)品，對消費者產(chǎn)生了一定的吸引力。突出賣點的文案加之合理適中的定

價，讓客戶更容易被商品的特性所吸引，產(chǎn)生購買并加速決策過程。熱門推薦

直接提供一些給力的內(nèi)容，不僅可以滿足用戶的需求，還有助于改善用戶的體

驗，讓用戶感覺到“貼心”，或者嘗試逛多下。

售后服務(wù)部分，為簡潔明了的闡明6大優(yōu)質(zhì)服務(wù)，讓消費者買的放心，文

案采用兩列縱向的編排方法，把主要服務(wù)加粗體現(xiàn)，次要的解釋說明用宋體小

字號表示，主次分別便于理解。

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

“購機享好禮”部分，利用“整點”搶”“五折”“3臺”等字眼告知消費者

參與條件和限時性，引發(fā)搶購的緊迫感，營造一種機不可失的感覺，刺激購買。

“曬單”“老客”“會員”“直播間”等字眼，說明贏得重磅禮品的參與條件，吸

引流量。

產(chǎn)品海報部分，凝練了vivox80手機的最突出的賣點“蔡司聯(lián)合開發(fā)，影

像怪獸”，采用稍顯夸張的比喻手法，用“怪獸”表明vivox80這款手機在“影

像”方面的巨大優(yōu)勢，以下就是“蔡司T*光學鏡、自研影像芯片V1+、4nm旗艦

芯片”的次要賣點，居中對齊擺放在獨特賣點的下方，是消費者看起來更有層

次感。

“詳細參數(shù)”部分，則采用左右對齊的方式，用分割線將屬性名和詳細參

數(shù)分開，為了突出主次，屬性名采用黑體加粗，詳細參數(shù)則是宋體，一目了然。

“八大賣點”部分，選取了最獨特的八個優(yōu)勢，性能方面有“天璣9000旗

艦芯片”的加持，為了突出性能的優(yōu)秀，用“104萬超高跑分、臺積電4nm工藝

制程”直觀的解釋說明。屏幕方面則是“120Hz三星E5屏、6.78英寸AMOLED

曲屏”。充電續(xù)航方面用“11分鐘充滿50%”突出具體的表現(xiàn)了“雙電芯80W閃

充”的驚人優(yōu)勢。拍照方面則采用“蔡司T*光學鏡頭、全球首發(fā)IMX866、RGBW

11

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

大底傳感器、vivo自研影像芯片V1+”配置拉滿，將蔡司與vivo聯(lián)合提升消費

者在形象方面對vivo影像能力的認可，擴大知名度，提高品牌形象。聲音揚聲

器方面，配備的是“立體雙揚聲器3D音效”針對游戲黨的痛點，設(shè)計了“聽聲

辨位、先人一步”文案，吸引消費者。震動馬達方面設(shè)計的是“大體積X軸線

性馬達，舒適振感、指尖沉浸”，由此展現(xiàn)震感給人帶來的沉浸式游戲樂趣。軟

件系統(tǒng)方面有“量子套件、多設(shè)備協(xié)同”并用“可跨設(shè)備系統(tǒng)編輯手機、平板、

電腦間文件傳輸，數(shù)據(jù)同步”詳細解釋各個終端設(shè)備協(xié)同的好處，提高了消費

者的辦公效率。

“包裝清單”部分，縱列三行排布簡單扼要的標明包裝內(nèi)具體包含哪些產(chǎn)

品，并用數(shù)字把具體個數(shù)標明。售后服務(wù)方面，包括了“七天無理由、一年質(zhì)

保、官方授權(quán)、贈送運費險、七天保價、包郵”等服務(wù)，通過明確消費者者比

較關(guān)心的售后服務(wù)問題，減少或消除顧慮，進一步刺激購買。

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

“購機最高享九重豪禮”部分，上圖下文的方式將參與條件明確表示，如

“好評送好禮、辦會員卡福利、套裝優(yōu)惠半價、學生惠贈、“逛逛”種草專享、

前1000名搶購即贈、直播間專享、、好友分享拼單可享、老客尊享”等，并在

小字部分備注具體細則的查看方式，使消費者充分了解規(guī)則以便后期兌換獎勵。

產(chǎn)品海報部分，重點描述了華為matepad11的“120Hz高刷新率、平行視界、

HarmonyOS2.0”三大賣點，增強品牌意識，吸引目標客戶，提高產(chǎn)品的關(guān)注度

和吸引力，促進銷售量的提升。

“參數(shù)配置”部分，則采用左右對齊的方式，用分割線將屬性名和詳細參

數(shù)分開，為了突出主次，屬性名采用黑體加粗，詳細參數(shù)則是宋體，一目了然。

“選擇我的四大理由”部分，屏幕方面配備有“120Hz高刷全面屏、

2560X1600分辨率、DCI-P3高色域顯示、86%屏占比”，使得擁有更快更流暢的

瀏覽體驗和震撼的視覺體驗，讓消費者不論在日常辦公網(wǎng)課需求還是追劇體驗

都毫無壓力。揚聲器方面，是“哈曼卡頓立體四揚聲器”，針對學生黨刷劇學習

的需求，設(shè)計了“身臨其境，聲聲沉浸、帶來逼真、飽滿、細膩的聽覺盛宴、

刷劇學習嘎嘎爽”等年輕化的文案。系統(tǒng)方面，針對提升消費者辦公效率的需

求，設(shè)計了“HarmonyoS2.0智慧辦公超得力、多屏協(xié)作、工作學習效率蹭蹭

蹭!”文案，并將文字做彩色變化處理，吸引注意，增加畫面的活力。外觀方面，

為移動辦公的需求，設(shè)計了“櫻語粉超高顏值全屏10.95英寸、厚7.1-9mm、

重485g機身輕薄、機身背板鎂鋁金材質(zhì)，質(zhì)感優(yōu)秀”文案，主打的就是一個輕

12

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

薄、高顏值高質(zhì)感，促使消費者產(chǎn)生購買欲望。

詳細參數(shù)部分，采用左右對齊的方式，并使用分割線將屬性名和詳細參數(shù)

分開。為了突出主次，我們采用黑體加粗字體來表示屬性名，詳細參數(shù)則使用

宋體。通過這樣的排版方式，消費者能夠一目了然地查看到所需的信息。

包裝清單用四行兩列的形式列舉包裝內(nèi)的主要產(chǎn)品，并用數(shù)字表明個數(shù)。

售后服務(wù)部分，包括“七天無理由退貨、一年質(zhì)保、官方授權(quán)產(chǎn)品、贈送運費

險、七天保價、免費快遞”等，以上售后服務(wù)旨在明確消費者常關(guān)心的問題，

消除顧慮，進一步促進購買。

4、沃斯嚴選淘寶店鋪視覺效果制作

網(wǎng)店的整體視覺效果是指網(wǎng)店的整體設(shè)計、排版、色彩搭配、圖片使用等

方面的表現(xiàn)。好的視覺效果的制作，能夠給消費者帶來耳目一新的感受，讓用

戶覺得購物流程更為舒適和愉悅，從而增強用戶的滿意度和忠誠度。以下將通

過對首頁、產(chǎn)品詳情頁1和產(chǎn)品詳情頁2的視覺設(shè)計制作，把各部分的最終效

果展現(xiàn)出來。

4.1店鋪首頁效果圖制作

店鋪首頁是消費者最先接觸的地方，對顧客對店鋪和品牌的初步印象產(chǎn)生

重要影響。首頁同時也是店家用以與競爭對手區(qū)分的主要視覺元素，可直接展

示出品牌的差異化競爭策略。好的首頁視覺設(shè)計可以提高轉(zhuǎn)化率和點擊率，所

以對店鋪首頁視覺效果的制作是至關(guān)重要的。

沃斯嚴選的店鋪首頁分別為店招、導航欄、輪播海報、優(yōu)惠券、新品上市、

熱銷推薦、售后服務(wù)等模塊，通過這些模塊的制作將首頁串聯(lián)起來做到，整體

與細節(jié)相結(jié)合，不僅能方便瀏覽還能盡最大可能對產(chǎn)品進行詳盡的描述，刺激

購買。

4.1.1店招設(shè)計過程

店招作為網(wǎng)店品牌的標識，能夠吸引顧客的目光，引起興趣和注意。店招

的的設(shè)計可以營造出品牌個性和氛圍，增強消費者的購物體驗和忠誠度。所以

店招的設(shè)計需要突出一個品牌個性和簡明準確。由此，本店的店招結(jié)合自身產(chǎn)

品特點，面向目標消費者視覺設(shè)計總體呈現(xiàn)簡約科技風格，選用藍白黑突出層

次感。本店店招包括“品牌logo、店鋪slogan、促銷產(chǎn)品、搜索框和導航欄”

等幾部分，分類簡單明了。店鋪海報設(shè)計效果如圖11所示，店鋪海報在

13

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

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

店鋪logo按照視覺吸引力次序原理放置在最左邊，logo由四字漢字組成，

在一眾慣用英文字母為設(shè)計符號的同類競爭對手中，展現(xiàn)自己獨特性，強化對

中國文化的認同與自豪。藍底白字，給人一種清晰醒目的感覺。Slogan部分是

“精選好貨，上沃斯”，凝練了本店主打的特色，力求用最精煉的句子給人以深

刻的印象。右側(cè)是主推產(chǎn)品采用左圖右文的方式簡要列舉對應(yīng)產(chǎn)品的賣點，并

設(shè)計有立即搶購的按鈕，刺激購買。為了使導航欄與店招區(qū)分開來，我們將保

持白色背景，并使用分界線。導航欄左側(cè)列出各種功能分類選項，易于理解和

使用，具有清晰的子菜單層級結(jié)構(gòu)。右側(cè)是搜索框，方便顧客搜索感興趣的產(chǎn)

品。店招整體從視覺效果上，和諧統(tǒng)一，一目了然。店鋪店招設(shè)計效果如圖9

所示，店鋪店招在PHOTOSHOP軟件中的制作過程如圖10所示。

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

圖10店鋪店招在PHOTOSHOP軟件中的制作過程

4.1.2海報制作

店招設(shè)計完畢之后，緊隨其后的就是海報制作。好的海報能夠起到宣傳或

推廣品牌和產(chǎn)品，吸引消費者的目光，增加品牌曝光度和認知度等作用。本店

的海報設(shè)計則采用以圖為背景，突出加粗文字的設(shè)計風格來制作海報，并將圖

片和文字并排展示。海報主打本店最新上架的產(chǎn)品，讓圖文結(jié)合呈現(xiàn)出吸引人

眼球的效果。圖片采用的是山川海海的意象，結(jié)合產(chǎn)品給人一種高端質(zhì)感。店

鋪海報設(shè)計效果如圖11所示，店鋪海報在PHOTOSHOP軟件中的制作過程如圖

12所示。

14

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

圖11店鋪海報設(shè)計效果圖

圖12店鋪海報在PHOTOSHOP軟件中的制作過程圖

4.1.3其他區(qū)域制作

首頁的視覺設(shè)計除了店招和海報之外，其他區(qū)域的設(shè)計包括優(yōu)惠券、新品

推薦、熱門爆款、售后服務(wù)和返回首頁的模塊設(shè)計。優(yōu)惠券部分使用加粗、放

大字體等視覺效果，以吸引消費者的注意。通過符合不同的條件，即可領(lǐng)取對

應(yīng)的優(yōu)惠券。新品推薦和熱門爆款部分，都是利用純色矩形方框?qū)a(chǎn)品強調(diào)突

出顯示，上圖下文，對照工整明確展現(xiàn)。設(shè)有立即購買按鈕引導消費者購買點

擊查看。下面是售后服務(wù)模塊，使用小元素的標志圖案和文字縮寫結(jié)合在一起，

排成兩列，左邊是標志，右邊是文本。這種設(shè)計布局簡單明了，讓消費者感到

購買時無憂無慮。最后還加入“回到頂部”功能，只需點擊黑色字體即可返回

主頁頂部，這樣的界面設(shè)計非常簡潔明了。店鋪首頁其他區(qū)域設(shè)計效果如圖13

所示，店鋪首頁其他區(qū)域在PHOTOSHOP軟件中的制作過程如圖14所示。

15

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

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

16

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

圖14店鋪首頁其他區(qū)域在PHOTOSHOP軟件中的制作過程圖

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

本店的產(chǎn)品詳情頁1由促銷活動、產(chǎn)品海報、參數(shù)配置、八大賣點、包裝

清單和售后服務(wù)組成。本店主推的產(chǎn)品之一是vivox80手機，以下將詳細介紹

詳情頁各部分的制作過程。

4.2.1主副圖效果圖

主圖通常用來展現(xiàn)產(chǎn)品外觀、功能、特點等信息，對于吸引消費者的注意

力和激發(fā)購買具有至關(guān)重要的作用。因此在制作主圖的過程中應(yīng)該盡可能做到

精美、清晰、具有吸引力，突出符合消費者利益的賣點。為了迎合天貓雙十二

的活動氛圍，主圖的頂部居中設(shè)計有“雙12狂歡大促”的文案，以及邊框以天

貓吉祥物的輪廓圖案來呼應(yīng)雙十二的活動主題。加粗放大和變色的數(shù)字強調(diào)突

出了優(yōu)惠的力度，吸引消費者購買。設(shè)計有類似勛章樣式的正品保障圖案，想

要使消費者放心購買。左圖右文的排版設(shè)計避免大篇幅的文字在排版上出現(xiàn)單

一的疲勞感，同時圖片與文字搭配，也讓用戶更容易理解vivox80手機的具體

賣點和功能。并且賣點用黃色色塊突出顯示，能夠吸引用戶的目光，增強顧客

瀏覽時的注意力。產(chǎn)品1主圖設(shè)計效果如圖15所示，產(chǎn)品1主圖在PHOTOSHOP

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

17

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

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

圖16產(chǎn)品1主圖在PHOTOSHOP軟件中的制作過程圖

副圖的設(shè)計則是起到了更為詳細具體的輔助說明作用，讓消費者更好地了

解產(chǎn)品的特點和功能，從而做出購買決策。三張副圖為配合vivox80手機的顏

色，以橙色為主白色為輔，增強副圖的統(tǒng)一性。副圖1介紹的是vivox80手機

有多種配色可供選擇，并標出售后服務(wù)讓消費者放心購買。副圖2體現(xiàn)出這款

手機在攝影拍照方面的強悍優(yōu)勢，并用橙色線條點綴畫面使整體不再單調(diào)。副

圖3則向消費者展現(xiàn)vivox80手機的主打配色旅程黃，利用倒影的方式使產(chǎn)品

更有立體感和光澤。產(chǎn)品1副圖設(shè)計效果如圖17所示，產(chǎn)品1副圖設(shè)計在

PHOTOSHOP軟件中的制作過程如圖18所示。

18

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

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

圖18產(chǎn)品1副圖設(shè)計在PHOTOSHOP軟件中的制作過程圖

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

本店主打產(chǎn)品之一為vivox80。

首個模塊是“購機優(yōu)惠”，中心放置“購機享好禮”的字樣，并在淺藍背景

上增添矩形的白色色塊，以加強模塊層級感。五個小模塊分別代表不同的活動

類型，并且用具體的圖片對應(yīng)獎品，直觀的使消費者可以根據(jù)自身需求和條件

選擇參與。消費者可點擊“立即參與”按鈕，在限定時間內(nèi)參與活動。

海報設(shè)計主推vivox80，采用左圖右文方式，利用陰影的效果將產(chǎn)品突出顯

示，給人一種立體感。文字也經(jīng)過了放大縮小變色的處理，清晰簡明地介紹了

該產(chǎn)品的賣點。并設(shè)計有“立即購買”按鈕，以刺激消費者購買。

參數(shù)配置模塊則通過文字提取產(chǎn)品的主要屬性，幫助消費者快速了解產(chǎn)品

信息，并使用分割線將左右兩側(cè)區(qū)別開，以減輕閱讀負擔。

而“八大賣點”模塊使用非對稱類s形排列方式，增加趣味性，且各小方

塊內(nèi)填充上圖下文的內(nèi)容，集中而緊湊地突出了產(chǎn)品的八大賣點。主要賣點使

用放大加粗字體的方式進行強調(diào)，詳細擴充內(nèi)容則采用較小字體展示。

包裝清單模塊則使用白底并列排布各配件實物圖片，以便消費者直觀了解

包裝內(nèi)容。

最后，“售后保障”模塊則采用小元素logo與文字簡寫的配合方式，左圖

右文并列排布兩側(cè)，以增強可視化效果和消費者信心。小logo的設(shè)計，使整個

19

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

售后服務(wù)模塊看起來更生動形象，幫助消費者理解。

“返回頂部”模塊則使用簡潔的圖文搭配，并設(shè)有黑色字體按鈕，供消費

者一鍵回到頁面頂部。產(chǎn)品1詳情頁設(shè)計效果圖如下圖19所示，產(chǎn)品1詳情頁

在PHOTOSHOP軟件中的制作過程如圖20所示。

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

20

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

圖20產(chǎn)品1詳情頁在PHOTOSHOP軟件中的制作過程圖

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

本店的產(chǎn)品詳情頁1由促銷活動、產(chǎn)品海報、參數(shù)配置、四大賣點、包裝

清單和售后服務(wù)組成。本店主推的產(chǎn)品之一是華為matepad11平板電腦，以下

將詳細介紹詳情頁各部分的制作過程。

4.3.1主副圖效果圖

為了統(tǒng)一店鋪的視覺設(shè)計風格，產(chǎn)品2的主圖采用類似于產(chǎn)品1的設(shè)計走

向，外部輪廓為營造活動氛圍的框架式構(gòu)圖，內(nèi)部則為左文右圖的排版方式。

價格以紅色高亮的數(shù)字突出顯示，利用低價促銷打動消費者。限時立減紅白對

比色凸顯，引起消費者購買的緊迫感。以白色為背景簡約自然。左上方用小標

簽的形狀把全國包郵體現(xiàn)出來，并加了陰影使標簽有種漂浮的感覺，增強了畫

面的動感，字體為紅色也使畫面更為統(tǒng)一和諧。文案描述部分凝練了華為這款

matepad11平板電腦的主要賣點，吸引消費者注意。產(chǎn)品2主圖設(shè)計效果如圖21

所示，產(chǎn)品2主圖在PHOTOSHOP軟件中的制作過程如圖22所示。

21

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

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

圖22產(chǎn)品2主圖在PHOTOSHOP軟件中的制作過程圖

以下就是產(chǎn)品副圖的設(shè)計，為了保持整體的簡約和高級質(zhì)感，副圖的背景

均采用白色打底，圖文結(jié)合的方式。副圖1使用上文下圖，文字圖片居中對齊

的排版，體現(xiàn)這款平板電腦有多種顏色可供選擇，并用圖片一一對應(yīng)，生動且

直觀。副圖2同樣是上文下圖，鮮明突出與之配套的手寫筆的順滑特點，筆尖

下利用絲滑的痕跡元素加以點綴。副圖3依然如此，上圖下文居中對齊，鍵鼠

套裝的搭配圖片展示，突出產(chǎn)品交互快捷的特點。產(chǎn)品2副圖設(shè)計效果如圖23

所示，產(chǎn)品2副圖在PHOTOSHOP軟件中的制作過程如圖24所示。

圖23產(chǎn)品2副圖設(shè)計效果圖

22

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

圖24產(chǎn)品2副圖在