湖南商務職業技術學院畢業設計

目錄

1萬頤數碼淘寶店鋪概況.....................................................................................1

1.1數碼類淘寶店鋪發展現狀.......................................................................1

1.2萬頤數碼淘寶店鋪現狀...........................................................................2

2萬頤數碼淘寶店鋪視覺營銷分析.....................................................................3

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

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

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

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

2.2.1店鋪產品定位分析.........................................................................7

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

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

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

3萬頤數碼專營淘寶店鋪視覺設計.....................................................................8

3.1店鋪版式設計...........................................................................................9

3.1.1首頁版式設計.................................................................................9

3.1.2產品1詳情頁版式設計...............................................................10

3.1.3產品2詳情頁版式設計...............................................................11

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

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

3.2.2產品詳情頁1文案策劃...............................................................13

3.2.3產品詳情頁2文案策劃...............................................................14

4萬頤數碼專營淘寶店鋪視覺效果制作...........................................................14

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

4.1.1店招設計過程...............................................................................15

4.1.2海報制作.......................................................................................16

4.1.3其他區域制作...............................................................................17

4.2產品詳情頁1效果圖制作.....................................................................19

4.2.1主副圖效果圖...............................................................................19

4.2.2產品詳情頁1效果圖...................................................................20

4.3產品詳情頁2效果圖制作.....................................................................22

4.3.1主副圖效果圖...............................................................................22

4.3.2產品詳情頁2效果圖...................................................................23

湖南商務職業技術學院畢業設計

5總結...................................................................................................................26

參考資料..............................................................................................................27

湖南商務職業技術學院畢業設計

萬頤數碼淘寶店鋪視覺營銷設計方案

1萬頤數碼淘寶店鋪概況

萬頤數碼淘寶店鋪于2022年成立，致力于更好、更便捷、更快速服務消費

者的店鋪經營理念，以國產手機系列產品銷售為主。萬頤數碼主要經營范圍為

日常所需且頻繁使用的各類數碼產品；具體對各品牌商的智能手機、平板、筆

記本電腦、數碼配件及智慧生活家居等產品類進行銷售。

本店鋪名稱為“萬頤”，基于對中華文化以及現代商品類目的相結合；顧名

思義，“萬”表數詞，意為很多、成千上萬，“頤”表示為面頰，故組合引申為

種類繁多之意；基于更好、更便捷服務消費者的理念，組合寓意本店鋪產品多

種多樣、種類繁多，可供消費者不同需求的挑選最合適、最滿意的智能數碼產

品。本店鋪名稱可以讓消費者迅速記憶店鋪名以及傳達宗旨，從而提升店鋪的

需求及知名度，提高店鋪的收藏及回購率。

1.1數碼類淘寶店鋪發展現狀

目前，傳統交易方式仍然是零售業市場的重要主流方式?；?1世紀互聯

網電商零售業的蓬勃發展，依托互聯網的便利，越來越多的數碼消費者更傾向

于通過電商平臺來購買心儀的智能數碼產品，與國外相對成熟的C2C和B2C模

式相比，國內對應的電子商務平臺進行的交易大都以全新商品為主，并不是傳

統意義上的網上二手數碼類產品市場，更接近于網上商城全新購物模式。

因商城本身可以進行數碼產品的銷售，相對其自身的品牌優勢和價格優勢

明顯?；ヂ摼W銷售對比國內社會總銷售額的比重正逐年上升。基于消費者對于

產品質量和社會環境因素的消費習慣的影響，數碼產品在電商平臺銷售正成為

重要的主流銷售渠道之一。

店鋪數據從店查查采集，根據九道口的數據分析，如圖1展示各信譽等級

的店鋪的商品均價情況。雖然信譽等級與商品價格沒有必然的聯系，但是我們

可以看到：2鉆是一個分水嶺，要想信譽達到更高等級，必然要靠低價來博銷

量；而對于低等級的店鋪，要想讓自己店鋪的等級增加，也只能靠價格優勢來

取勝。這種情況的出現同樣與網購的發展狀況相關，高價商品的網購比例占比

本身就比較小，隨著網購發展的越來越成熟，這種情況也會發生變化。

1

湖南商務職業技術學院畢業設計

圖1各信譽等級店鋪的商品均價情況

從圖2數據可以看出，數碼店鋪平均銷售額最低的1星店鋪都有6400元，

與其它類目店鋪的單店平均銷售額為例，以服飾鞋包類目來對比的話，對應的

店鋪等級要達到4鉆以上。數碼類店鋪信譽等級到5鉆，平均銷售額就超過了

10萬元，而服飾鞋包類店鋪2皇冠以上的店鋪才達10萬元的平均銷售額。

圖2各信譽等級數碼店鋪單店平均銷售額

1.2萬頤數碼淘寶店鋪現狀

萬頤數碼于2022年成立，秉承店鋪獨特的運營理念，為吸引新顧客的光臨

以及老顧客的回購，店鋪在10月20日到10月28日期間設立了優惠活動：

（1）在此活動期間加入會員可領取200元起購機優惠券。

（2）10月28日前預購贈送店鋪專屬單肩包。

（3）會員購機贈送99元專屬藍牙耳機。

（4）全店商品贈送運費險，提供7天無理由退換貨服務。

2

湖南商務職業技術學院畢業設計

2萬頤數碼淘寶店鋪視覺營銷分析

在電子商務的時代，消費者們在淘寶網或電商平臺購物時，就像是在購物

城逛街，在眾多店鋪中，哪些信息可以在短時間內抓住他們的眼球就是關鍵。

店鋪中的一個個廣告信息，如同實體店沿街打出的一幅幅化外廣告，而顧客會

進入哪家店鋪，取決于哪個廣告對他有吸引力。為什么訪客進入店鋪便立刻跳

失呢？好不容易吸引顧客進入店鋪，卻又留不住顧客促使交易呢？為什么辛辛

苦苦策劃的店鋪活動卻沒人點擊呢？

一切源于店鋪的視覺營銷設計。

店鋪的視覺營銷是提升網店流量的關鍵，能在一定程度上引起消費者的注

意，并產生購買欲望。產品的好壞，店鋪的服務質量，都可以通過視覺營銷設

計更好的體現給消費者。促進消費者購買交易是視覺營銷的重要目的。

2.1競爭對手分析

以銅為鏡可以正衣冠。店鋪如果以同行為鏡可以走捷徑，在這個信息化時

代，誰能掌握更多的準確信息，把這些信息融入到實際運營中變成經驗。監控

和分析同行的動態也是在我們自己提升能力；通過對競爭對手的數據采集和分

析，能夠最大程度提高店鋪的發展和存活率。

2.1.1競爭對手店鋪1

在行業中做同類目的競爭對手有很多，主要分析兩只大熊貓數碼店鋪和蘋

安數碼科技店鋪。

首先，兩只大熊貓數碼店鋪于2016年8月26日入駐淘寶，四冠6年老

店，訂閱數為22萬；其店鋪的DSR評分極高且為4.9分，該淘寶店鋪網址為

/進入該店鋪可以清楚的看到——該店鋪主營的

數碼產品為“蘋果”iPhone系列，其主要的消費顧客為果粉愛好者，定義目標

人群為中高端客戶，目標人群定義清晰，店鋪類目垂直度較高。店鋪裝修及視

覺設計繼承“蘋果”官網設計風格，科技感、簡約輕奢感滿滿，以黑色為主色

調，紫色為輔助色，排版設計高級，有助于突出產品形象特點。

通過分析競爭對手的店鋪視覺效果有助于自身店鋪的視覺提升，店鋪的視

覺營銷能在一定程度上引起消費者的注意，并產生購買欲望。通過對兩只大熊

貓數碼店視覺設計分析如圖表1所示。

3

湖南商務職業技術學院畢業設計

表1兩只大熊貓數碼店鋪視覺營銷設計分析

競爭對手店鋪視覺營銷設計截圖板塊設計分析

店招及導航運用了

黑底白字的設計，突顯

出了店鋪的LOGO及名

稱，也直觀的顯現出店

鋪所主營數碼產品；店

店招招上的兩款上新及熱賣

海報產品直觀的讓消費者看

到，有引起消費者的注

意的效果，再加上店鋪

的寶貝搜索可能更有利

于消費者進更深頁面的

瀏覽。

對店鋪新品及熱賣

做了詳細的參數顯示，

其不同的規格有助于消

費者選擇自己心儀的產

品；多種產品對比的設

計可以幫助消費者了解

詳情頁

不同規格產品的差異以

更好的選購店鋪產品。

產品板塊過于大

眾、籠統，缺少對產品

的賣點宣傳以及引導消

費者購買的標語。

排版中規中矩，主

圖排版設計較為分明，

產品副圖較單一；文案突出

主輔圖店鋪服務與質量保證，

缺少對產品本身的說明

以及消費的引導，整體

4

湖南商務職業技術學院畢業設計

方框設計合理。

一眼看去科技感滿

滿，各分類區有自身獨

立板塊，層次鮮明且有

產品

引導消費者查看瀏覽的

分類區

按鈕；整體排版合理，

要是能突出產品的主次

就更加好。

有引導消費者查看

瀏覽店鋪更多產品的按

鈕，但是頁面設計的過

首頁

于簡單沒有吸睛的特

底部

點，也沒有向上返回店

招處的按鈕，不利于顧

客們在店鋪瀏覽。

2.1.2競爭對手店鋪2

第二家同行蘋安數碼科技淘寶店鋪于2009年初就已經開始入駐淘寶開店交

易了，是一家擁有14年開店經驗的五皇冠金牌店鋪，其DSR評分很高，均有

4.9分。店鋪網址為/該店鋪主營業務為3C智能

數碼配件以及平板電腦，主要產品為“蘋果”的數碼配件；定義的主要目標客戶

為中高端喜愛蘋果數碼配件的果粉人群，該店鋪專業性強，寶貝類目垂直度較

高，其店內價格消費水平高。

店鋪裝修及視覺設計繼承了蘋果官網的簡約風，但是整體設計過于單一，

以白色為主色調，大部分頁面只是做了產品的貼圖。通過對蘋安數碼科技店鋪

視覺設計分析如圖表4所示。

表2蘋安科技數碼店鋪視覺營銷設計分析

競爭對手店鋪視覺營銷設計截圖板塊設計分析

店招店招及背景以白色

海報為底，突顯出了店鋪的

5

湖南商務職業技術學院畢業設計

LOGO及名稱，紫色導

航也直觀的顯現出店鋪

所主營數碼產品，可以

引起消費者的注意；整

體設計較簡約。

對店鋪暢銷產品及

做了詳細的參數顯示，

其不同的規格有助于消

費者選擇自己心儀的產

品；多種產品對比的設

計可以幫助消費者了解

詳情頁

不同規格產品的差異以

更好的選購店鋪產品。

實際的產品圖可以

幫助消費者了解產品外

觀但缺少引導消費者購

買的標語。

主圖排版設計較為

分明，副圖較單一；文

案突出店鋪服務與質量

產品保證，缺少對產品本身

主輔圖的說明以及消費的引

導，整體方框設計合

理，突出賣點和優惠會

好。

沒有為店鋪產品做

傳統的分類排版設計，

產品而是更加直觀的運用產

分類區品自身的銷量排名展示

給顧客。有利于顧客瀏

覽和查看店鋪產品。

首頁沒有做對應的設

底部計，過于簡單，缺少店

6

湖南商務職業技術學院畢業設計

鋪其他產品的引流及返

回上級按鈕，沒有吸睛

的部分不利于瀏覽。

2.2店鋪視覺營銷定位分析

在視覺營銷的領域里，包含店鋪的總體設計布局、產品規劃、焦點設計

等，而精確的定位對于店鋪的視覺營銷是至關重要的。不論產品本身未來以何

種方式進行銷售，產品自身都需要經歷消費者獲取信息、認知、產生購買欲

望、信任購買等階段，那么在產品經歷的階段中，產品本身的焦點、賣點展示

就顯得極為重要，跟產品的銷量有著直接的關聯。故店鋪的視覺營銷定位應從

店鋪產品定位和消費者人群定位來分析。

2.2.1店鋪產品定位分析

萬頤數碼主要的經營日常所需且頻繁使用的各類數碼產品；對國內各品牌

廠商的智能手機、平板及筆記本電腦、數碼配件以及智慧生活家居等產品進行

銷售。本店從產品特點和市場分析兩部分做店鋪產品分析。

（1）產品特點

本次主推的兩款全新數碼產品中，第一款為定位于中端智能手機的vivo

X90新款旗艦機，售價為3699元起。經多次版本的更新迭代，現已搭載新一代

自研芯片V2、聯合蔡司研發——蔡司一英寸T*主攝等使其性能更強大；雙芯

協同設計、120W閃充日常使用更流暢。第二款是銷量高的beats耳機，售價為

1299元起，自適應降噪（PUREANC）技術根據個人愛好自動調節，（Fast

Fuel）技術充電5分鐘即可持續播放近2小時，正常電量滿足全天候播放需求

盡享各功能。其技術支持及強大的功能展示能讓產品在中端及中高端數碼市場

站穩腳跟，贏取更多的市場份額。

（2）市場需求

隨著互聯網的快速發展，其訪問互聯網的工具和設備越來越多。報告指

出，截止2022年6月，我國網民規模已達10.51億，而以手機訪問為主的數碼

產品占市場大多數。目前，國內中高端數碼市場已經被蘋果、華為、索尼等知

名品牌占據并壟斷了一定的市場份額，進軍國內中高端數碼市場不例于以卵擊

石，但國內中端數碼市場并沒有處于一個明顯的壟斷行情，所以定位中端數碼

市場的店鋪產品因其種類的繁多及適當的價格能夠滿足大多數消費者的需求，

做到真正的消費性價比體驗。

7

湖南商務職業技術學院畢業設計

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

店鋪經營的產品為智能手機、平板及筆記本電腦、數碼配件以及智慧生活

家居等產品等，主要服務于年輕群體的社會工作者，年齡集中在22~40歲的消

費者，消費者所在地域主要分布在沿海及經濟發達地區城市。這類消費人群樂

于接受新事物且總體消費特征水平偏向于功能性或性價比高的智能數碼產品，

符合店鋪的消費人群定位。

2.3店鋪風格分析

店鋪風格的迥異容易給消費者帶來深刻的印象。可以大大的提高消費者的

進店以及老顧客的回購率；對于風格定位越清晰越精確的數碼店鋪在其產品搜

索推薦上就越精準，能斬獲更多的目標人群客戶，以最大程度地提高店鋪的流

量。通過對比競爭對手的店鋪及綜合自己店鋪的目標人群和產品定位，本店鋪

風格以現代簡約風為主，適當的點綴使頁面充滿科技感，整體的排版及設計符

合主題且利于消費者瀏覽，突出店鋪的整體形象。

2.4店鋪色彩分析

優秀的布局風格以及排版設計能夠提高顧客的店鋪停留時間，好的色彩搭

配更是錦上添花。本店主要經營的是數碼產品，店鋪內60%的面積使用主色，

30%使用輔助色，10%使用點綴色。以淺藍色為背景色，橙色以及紅色作為頁面

的輔助色，以藍色為點綴色，以現代簡約風的風格為主題展開設計。

3萬頤數碼專營淘寶店鋪視覺設計

店鋪的文案策劃和排版設計是店鋪視覺設計的重要組成部分。通過對店鋪

產品的圖片、圖形的創意組合以及文字設計、色彩的合理搭配，展現出每一個

產品獨特的功能及屬性特征，能夠充分的突出產品的賣點。恰到好處的文案策

劃又能強化產品的特點和記憶點，給界面增加活力和氛圍。從店鋪的排版設計

和文案策劃具體分析。

3.1店鋪版式設計

店鋪的排版設計包括首頁以及產品的詳情頁設計。首頁整體相當于一個店

鋪的“門面擔當”，能夠體現店鋪當前主題及產品上新情況，要使首頁的大流量

得到完美運用就要在設計上多花心思，做吸睛的版塊吸引進店的顧客，引導顧

客店鋪停留和更深層頁面的查看，突出店鋪所要表達的重點。

8

湖南商務職業技術學院畢業設計

詳情頁與首頁不同的是多了許多關于產品具體的信息，而信息的主次傳遞

也是極其重要的，要盡可能的詳細和有目的的突出，以便消費者可以選擇對比

自己心儀的產品。

3.1.1首頁版式設計

首頁的設計大小為1920px×6000px。當進入店鋪的首頁，從上到下最先映

入眼簾的是店鋪的店招導航，店招中標識了店鋪的logo和店鋪名稱，最中間的

部分留給了店鋪新品vivoX90智能手機的宣傳，吸引到店顧客的查看；隨之用

紅棕色點綴了整條導航欄，其中的各分區可以幫助顧客更好的查看活動和相關

產品內容；一旁的搜索框可以幫助顧客精確定位到具體產品，有利于顧客的整

體瀏覽。

作為首頁中最重要最吸睛的海報板塊，有著店鋪產品宣傳和吸引流量的重

要作用。海報的設計大小為1920px×600px，占據了首頁很大的版幅，也是為

引導和吸引消費者瀏覽、停留的作用。

海報下的設計排版以店鋪的產品分類為主。具體為店鋪的新品上新、會員

福利專區、手機專區、平板專區、耳機專區及數碼配件等內容，每個獨立的購

物框用橙色點綴，增加了產品的動態活力，吸引進店顧客的點擊查看，使商品

內容更加突出。以黑白兩色鑲嵌組合營造框架的高級感，更多爆款文案引導顧

客查看更多內容，實現對消費者和產品的精確營銷。

底部以灰色色塊為背景，為顧客添加了購買須知板塊，作出店鋪承諾，增

加信任感。

萬頤數碼專營淘寶店鋪首頁版式設計草圖如圖3所示。

9

湖南商務職業技術學院畢業設計

圖3店鋪首頁版式設計草圖

3.1.2產品1詳情頁版式設計

店鋪新品vivoX90系列智能手機作為店鋪主推出的重要產品之一。在產品

1的詳情頁設計中，首先映入眼簾的便是宣傳圖，設計的大小為750pxX800px，

以純色作為背景圖，無多余渲染美化，供消費者瀏覽查看真實的產品外觀；往

下展示了新產品的顏色分類，以此用黑色背景向下延伸，逐步展示了產品賣

點、產品信息以及產品的各個細節，用白色的標題區分不同的板塊，以上文下

圖的版式進行排版，一目了然。詳情頁的最后以單獨的板塊做了買家須知，并

采用了灰色為背景矩形色塊和文字組成。

產品詳情頁1版式設計草圖如圖4所示。

10

湖南商務職業技術學院畢業設計

圖4產品詳情頁1版式設計草圖

3.1.3產品2詳情頁版式設計

店鋪熱款best系列智能藍牙耳機在詳情頁的設計當中，首先映入眼簾的是

產品的宣傳圖，其宣傳圖的大小為750pxX800px，背景以明度較高且接近于產

11

湖南商務職業技術學院畢業設計

品本身的橙紅兩色做分割設計，同樣往下逐步展示了產品賣點、產品信息以及

產品的各個細節，以圖片和文字上下排版的方式增強視覺的沖擊力，有利于消

費者的瀏覽和查看，用淺橙點綴詳情頁背景，烘托出氛圍感。詳情頁的最后以

單獨的板塊做了買家須知，并采用了灰色為背景矩形色塊和文字組成。

產品2詳情頁版式設計草圖如圖5所示。

12

湖南商務職業技術學院畢業設計

圖5產品詳情頁2版式設計草圖

3.2店鋪文案策劃

如今的電商平臺，商品種類多種多樣，鋪天蓋地的廣告營銷充斥著我們的

13

湖南商務職業技術學院畢業設計

指尖。如何引起消費者的注意就顯得額外重要，文字營銷策劃的效果是要大于

圖片的。隨著商品的需求和功能越來越多元，不僅要認識到其本身的實際需求

還要考慮商品本身的價值以及心理需求和生理需求，而對于優秀且吸睛的文案

就能幫助消費者很好的篩選有用的信息，能夠抓住消費者購物的心理，引導消

費者產生購物的欲望。

3.2.1首頁文案策劃

首頁的文案策劃從店招部分開始。最左邊是店鋪的立體幾何logo以及店鋪

的名稱“萬頤數碼”，然后來到中間部分，用vivoX90系列手機做了店鋪的新

品宣傳并配有文案，突出該款手機的主要賣點和新科技。標注了該款新產品的

上新時間、活動價格及內容。店招的右邊則是用了店鋪的搜索框可以更加方便

的讓進店的顧客搜索店鋪產品。導航部分則是做了分類，符合消費者的習慣。

接下來是首頁文案策劃中重要部分海報的文案策劃。首頁一共4張海報，

而店鋪新品vivoX90系列產品作為店鋪主推的海報內容之一，以黃昏下的景色

作為海報的背景圖，渲染出氛圍感，凸顯出該款手機最大的賣點——影像功

能。海報最上方用加大加粗且漸變的紅色字體“蔡司影像，超越想象”體現了產

品卓越的攝影性，能讓進店的顧客能夠知曉該款手機的最大賣點，最后加上消

費者最在意的產品價格并配有引導消費者點擊的文案。

接下來便是店鋪的新品首發板塊，主要含括了店鋪上新的幾款主推產品，

標注了產品的系列名稱以及不同配置的價格；會員福利板塊預告了近期店鋪會

員可以參加的活動，激發店鋪會員們的積極性并讓進店顧客知曉活動信息。

接著是店鋪內不同產品的分類專區，在專區內標注了產品的名稱及價格，

沒有輔助文案并適當留白，各版塊專區有點擊更多爆款選購的引導文案，引導

消費者更深頁面停留。

最后是消費者購買須知，以官方承諾一年保修等文案增強顧客對店鋪的信

任感，有利于消費者們的權益保障并增加自身店鋪的權威。

3.2.2產品詳情頁1文案策劃

在產品的詳情頁中，產品的海報文案需要我們精心策劃。作為本店的主推

產品，文案用“蔡司影像，超越想象”、“巔峰之作，美出天際”作為主文案，

傳遞給消費者其影像功能強大，質感盡顯的印象，定位該部分需求的消費者。

產品的賣點板塊，以產品的“屏幕”、“防水性能”、“天璣9200芯片”、“超

長續航超級快充”、“蔡司光學鏡頭”等賣點展開說明，凸顯出產品特點與其它

同類商品的差異性和獨特性。

產品的信息板塊基于對產品賣點的詳細說明，明確了該產品賣點中的各類

14

湖南商務職業技術學院畢業設計

信息及參數，展示了手機的外觀、尺寸的具體數值，對手機特點進行具體參數

進行描述。

詳情頁最后的買家須知板塊主要是對產品本身的官方保障以及后續的保修

退換的問題進行解答，保證了官方的權威以及提高了消費者的信任感。

3.2.3產品詳情頁2文案策劃

該款耳機產品的宣傳海報采用了“拒絕噪音，暢想所想”的文案，顯現出

該款產品降噪功能的強大，加深對該款耳機的印象，用“STUDIO3WIRLLESS”

裝飾文案打造層次感。

產品的賣點板塊以產品獨特的“自適應降噪技術”、“人工貼合設計”、

“FASTFUEl技術”等賣點，采用上圖下文的排版方式，用少量的文字輔助說

明增強視覺感官，提高消費者的購買欲望并凸顯出產品特點與其它同類商品的

差異性和獨特性。

產品的信息板塊基于對產品賣點、產品顏色、包裝、外觀、服務保障等做

了詳細的說明，對具體的參數做了展示對比，利于消費者的瀏覽體驗，讓消費

者可以直觀地清楚產品性能、自己的實際需求以及潛在需求。

基于詳情頁風格的一致性，買家須知板塊采取和產品一相同的詳情頁設

計。

4萬頤數碼專營淘寶店鋪視覺效果制作

基于對競爭對手店鋪的風格、產品和人群定位、色彩版式設計以及文案策

劃的認識，結合本身店鋪目前狀況，以可視化的視覺營銷設計方案來展示最終

的店鋪視覺效果圖。

4.1店鋪首頁效果圖制作

顧客進店映入眼簾的第一個頁面便是店鋪的首頁，由此可說明其首頁效果

圖的重要性。決定了消費者是否愿意停留在店鋪內查看和瀏覽產品內容。是否

能夠吸引到消費者的注意力將直接影響店鋪的營收和流量效益。

4.1.1店招設計過程

店招往往是顧客進店的第一個記憶點，它承載著店鋪的風格以及態度。讓

消費者記憶就能達到一定的宣傳和推廣作用。本著店鋪簡約風格，店招以淺藍

色為背景色可以更好的突出店鋪名稱logo和產品展示內容。

首先最左邊的店鋪logo是以大小不一的長方體組合起來的幾何圖形，不同

15

湖南商務職業技術學院畢業設計

的面有不同的顏色示意店鋪產品種類繁多可供消費者挑選，中間的紅色六邊形

示意店鋪總有一款產品適合消費者，也是呼應了店鋪名稱“萬頤數碼”。雖然設

計簡單但理念別出心裁。中間部分則是店鋪新品上新的主推產品，以顯眼的紫

色揚起水花做產品背景吸引進店顧客的眼球，以左圖右文的排版方式方便消費

者瀏覽。最右邊的搜索框則是方便消費者搜索自己心儀的產品。

下方的導航則是以淺紅色填充，這樣會顯得比較溫暖且吸引眼球，提高進

店顧客的興奮性，促使消費者點擊分類區查看以增加店鋪停留時間。

萬頤數碼專營淘寶店鋪店招設計效果圖如圖6所示，在PHOTOSHOP軟件

中的制作過程圖如圖7所示。

圖6店鋪店招設計效果圖

圖7店鋪店招制作過程圖

4.1.2海報制作

一張優秀的海報不僅可以吸引消費者的注意力還能為店鋪吸引流量，也是

招攬顧客的重要途徑之一。店鋪以產品背部外觀顏色作為海報的背景，利用渲

染、圖層的填充以及漸變色的點綴使背景充滿氛圍感和視覺想象，提高產品本

16

湖南商務職業技術學院畢業設計

身和店鋪的契合度。

在產品宣傳海報的兩邊各放店鋪的主推產品vivoX90系列智能手機，采取

左右圖片中間文字的排版方式。中間的宣傳文案“蔡司影像，超越想象”用了

加大加粗的紅色字體并修飾，整體突出了視覺效果及產品的最大賣點，打造立

體環繞感吸引消費者的眼球。海報文案采用水平排列有利于消費者瀏覽海報信

息。消費者最關心的價格放在了海報的中間，用底層混搭的方式增強視覺沖擊

力，引導消費者點擊查看并提高產品的成交率。

萬頤數碼專營淘寶店鋪首頁海報效果圖如圖8所示，在PHOTOSHOP軟件

中的制作過程圖如圖9所示。

圖8店鋪首頁海報設計效果圖

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

4.1.3其他區域制作

首頁海報下的其他區域的設計分為新品首發、優惠活動、會員福利、類目

專區以及購買須知板塊。

17

湖南商務職業技術學院畢業設計

新品首發區，整體是一個長圓角矩形色塊，以橙色作為背景填充，里面包

含了三個以白色為底色的圓角矩形框，涵蓋三款店鋪上新的新產品，頂部的上

新產品框用淺棕色填充圓形用來點綴店鋪主推產品，強調主次宣傳。

優惠活動區，做了兩個圓角矩形框展示活動內容，以圖文搭配的排版方

式，分別為“雙2下單沖榜”、“購機贏新款耳機”活動，目的是提高店鋪會員

以及進店消費者的活躍度。

會員福利區與活動合并在一個專區，方便進店顧客和店鋪會員瀏覽查看。

在矩形方框中做了優惠券和曬單返款的活動內容，分別為“曬單贏288元”以

及“搶千元優惠券”活動，有引導消費者的作用。

類目專區則是劃分不同的店鋪數碼產品區域，展示了該類目數碼產品中的

爆款和性價比款。以白底黑字的形式直觀的展示產品的名稱及價格，購買框以

黑白圓角矩形兩兩鑲嵌，相對突出直觀，伴有科技感。每個專區的下方都有引

導文案及鏈接促使消費者購買和瀏覽更多產品。

最后購買須知專區，整體在底部為灰色矩形色塊，主要內容對消費者的購

物體驗及售前售后做出服務性保障。

萬頤數碼專營淘寶店鋪其他區域設計效果圖如圖10所示，在PHOTOSHOP

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

18

湖南商務職業技術學院畢業設計

圖10店鋪首頁其他區域設計效果圖

圖11店鋪首頁其他區域制作過程圖

19

湖南商務職業技術學院畢業設計

4.2產品詳情頁1效果圖制作

產品詳情頁是促進產品成交的重要部分。當消費者帶著各種問題和顧慮點

進詳情頁的時候，優秀的詳情頁制作可以幫助消費者解答問題，還能夠提高消

費者的購買欲望和商品成交率。

4.2.1主副圖效果圖

主推產品vivoX90系列手機的主副圖制作。一張優秀的主圖能夠涵蓋很多

直觀的信息，而這些信息能直接的展現給消費者，效果圖做的越具有吸引力，

越能促使顧客的點擊和查看。該款產品主圖用了產品外觀顏色做背景色，內置

圓角矩形配有產品的名稱、賣點和產品外觀。效果圖運用了上文下圖的排版方

式，兩角的圓形以對角線的排列點綴產品，烘托出氛圍立體感顯得不單調。左

上角附有旗幟“全新上市”示意該款產品為店鋪主推的新品。效果圖的下方則

是消費者關心的價格、活動以及保障服務。產品1主圖設計效果圖如圖12所

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

圖12產品1主圖設計效果圖

圖13產品1主圖制作過程圖

20

湖南商務職業技術學院畢業設計

產品副圖1用淺黑色作為背景色，用于突出產品賣點。運用上圖下文等排

版方式來進行構圖；分為4個模塊，每個模塊都是一張產品概念性的賣點圖，

白底配黑色字體、主文案加輔助文案，利于消費者的瀏覽查看。產品副圖2主

要為店鋪新品上市的活動內容；副圖3則是以白底做背景，配有產品vivoX90

系列機型的不同顏色分類，用于平臺的檢索。

產品1副圖設計效果圖如圖14所示，在PHOTOSHOP軟件中的制作過程

圖如圖15所示。

圖14產品1副圖設計效果圖

圖15產品1副圖制作過程圖

4.2.2產品詳情頁1效果圖

產品vivoX90系列詳情頁制作。開頭映入眼簾的便是兩張產品自身的宣傳

海報，利用純色作為海報的背景。兩張圖片運用了上文下圖的排版構圖方式，

配上主文案以及輔助文案的點綴，清晰的突出了該款新產品的主要賣點。海報

的突出賣點是影像和外觀，主要定位關注此賣點的消費人群，主文案用加大加

粗的字體展示相對清新直觀。

在接下來的板塊中用黑色來作為整體板塊的背景色。在宣傳海報下配有產

品不同顏色的分類，方便消費者選擇心儀的顏色。

產品賣點板塊著重于突出產品芯片性能以及影像功能，這也是大多數消費

者所關注的內容。在該板塊中向消費者從上到下依次展示了該款產品獨特且出

眾的賣點。運用上文下圖的構圖方式從產品的“屏幕”、“防水抗塵功能”、“芯

21

湖南商務職業技術學院畢業設計

片性能”、“續航快充的升級”以及最重要的影像功能方面以白色加大加粗的主

文案與輔助文案進行詳細的介紹與說明。

最后是消費者購買須知板塊，用灰色的圓角矩形方框做板塊內容背景，用

于解答消費者的購機顧慮以及增添官方保障權威。

產品1詳情頁設計效果圖如圖16所示，在PHOTOSHOP軟件中的制作過

程圖如圖17所示。

圖16產品1詳情頁設計效果圖

22

湖南商務職業技術學院畢業設計

圖17產品1詳情頁制作過程圖

4.3產品詳情頁2效果圖制作

產品2是以另一款主推的產品