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

目錄

1藍butterfly墨鏡淘寶店鋪概況....................................................................................1

1.1墨鏡類淘寶店鋪發展狀況..................................................................................1

1.2墨鏡類淘寶店鋪發展現狀.................................................................................1

2藍butterfly淘寶店鋪視覺營銷分析............................................................................2

2.1店鋪視覺營銷定位分析.....................................................................................2

2.1.1店鋪產品定位分析...................................................................................2

2.1.2店鋪消費者分析定位.............................................................................3

2.2店鋪風格分析......................................................................................................3

2.3店鋪色彩分析......................................................................................................3

3.藍butterfly淘寶店鋪視覺設計....................................................................................3

3.1店鋪板式設計.....................................................................................................4

3.1.1首頁板式設計..........................................................................................4

3.1.2產品1詳情頁板式設計............................................................................5

3.1.3產品2詳情頁板式設計............................................................................5

3.2店鋪文案..............................................................................................................6

3.2.1首頁文案設計............................................................................................7

3.2.2產品1詳情頁文案設計............................................................................7

3.2.3產品2詳情頁文案設計............................................................................7

4.藍butterfly淘寶店鋪視覺效果制作............................................................................8

4.1店鋪首頁效果制作..............................................................................................8

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

4.1.2海報制作過程............................................................................................8

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

4.2.1產品1詳情頁效果圖制作......................................................................10

4.2.2產品2詳情頁效果圖制作......................................................................11

4.2.3產品1主副效果圖..................................................................................12

4.2.4產品2主副效果圖..................................................................................13

I

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

5.總結..............................................................................................................................14

參考資料.........................................................................................................................16

II

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

藍butterfly墨鏡淘寶C店視覺營銷方案

1藍butterfly墨鏡淘寶店鋪概況

藍butterfly這個店鋪主要經營人們在日常需要墨鏡，夏日來臨，戶外出

行沒副墨鏡可不行！墨鏡是一種眼鏡，不僅可以用來耍酷，更可以利用它的遮

光性使你從表面上來看可以直視一切。同時它還是一種能夠阻擋太陽光線的眼

鏡。墨鏡又叫太陽鏡，它是在強光下保護眼睛的“勞保”用品。戴這種鏡片

可以阻擋紫外線和紅外線，同時外界環境的顏色并不改變，只有光線強度改變，

好像陰天一樣，有涼爽舒適的感覺。藍butterfly店鋪我取這個名字是因為藍

色就好像藍天一樣晴空萬里，butterfly蝴蝶就是美好的夏天。帶上我們的眼鏡

就可以聯想到我們家的眼鏡。

1.1墨鏡類淘寶店鋪發展狀況

墨鏡行業總值達8100億元，持續穩中向.上發展趨勢墨鏡行業對中國人的

生活已經產生了深遠的影響,從市場發展情況、行業服務狀況、服務用戶分析、

行業生產總值等各個方面切入到了生活的方方面面，因此對墨鏡行業的研究分

析有利于較深的理解行業特性,為該行業的投資做支撐，為市民提供良好的產品

與服務。

墨鏡行業生產總值，主要由行業所涉及的單位、人員、資產、市場容量等

方面組成的行情分析。墨鏡行業產銷情況,主要由墨鏡的生產、銷售、產銷等各

個環節構成的詳細情況分析。墨鏡行業的財務能力分析,主要包括相關企業在墨

鏡行業的盈利能力、償債能力、運營能力等方面的分析。墨鏡行業的現狀,主要

從墨鏡行業存在的問題及痛點入手,提出針對性解決方案和墨鏡行業應用前景

分析。

1.2墨鏡類淘寶店鋪發展現狀

藍butterfly淘寶店鋪成立于2023年，疫情結束，旅游行業呈現一種報復

性消費現象，正值夏季，人們對于墨鏡的需求大大增加，新店開張，藍butterfly

官方旗艦店利用淘寶新店開張的免費推薦活動，采取了一些吸引有效用戶的一

些推廣活動。如：關注店鋪加入會員送10元無門檻優惠券，邀請三位好友送15

元無門檻優惠券，本店產品新店開業期間順豐包郵，支持七天無理由退換貨，

1

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

全部商品均贈送運費險，退換無憂。并支持先用后付，主推款商品支持分期付

款功能。活動時間為2023年3月1日到2023年3月15日。

2藍butterfly淘寶店鋪視覺營銷分析

2022疫情期間，線上購物極速發展，逐漸成為了商品交易的重要方式，如

今時代的包容性決定了大部分人們對于時尚型墨鏡的選擇多種多樣，而不易打

破的商品壁壘引導著更多的人群在線上購買自己心愛款式的墨鏡。大部分人群

對于墨鏡并沒有嚴重的品牌意識，而是側重于墨鏡的樣式以及合適的價格，藍

butterfly淘寶官方旗艦店的產品就主要是是各式各樣的款式新穎價的墨鏡，因

此我們店鋪的色彩搭配主要以藍白灰為主，春夏季天氣炎熱，藍白灰的簡潔設

計是消費者在進入店鋪首頁的時候給人一種情況涼爽的感覺，這種簡潔可以給

消費者大氣的感覺，同時簡潔的店鋪首頁會使消費者的思緒不會太過發散從而

更快的下單購買商品，同時我們更重點側重于產品詳情頁的模特海報，方便客

戶根據自己的需求選擇喜歡心儀的墨鏡。

2.1店鋪視覺營銷定位分析

藍butterfly店鋪經營的是各種各樣款式新穎價格優惠的墨鏡產品，對于

墨鏡的受眾人群主要是年齡較小的在校生以及剛剛畢業工作的年輕人，這類用

戶更多注重的是產品的性價比，以及產品是否新穎，是否適合自己，所以我們

更多的側重于對于模特海報的設計，以及對于產品首頁的簡潔，簡單明了，采

用藍白灰的設計可以讓消費者更加快速的選擇自己心儀的產品下單付款，同時

藍白灰更加大氣，也能沖散夏季帶來的炎熱，給人一種清涼的感覺。

2.1.1店鋪產品定位分析

我們店鋪主營的墨鏡產品，在這個疫情結束，人們收入恢復正常，對于生

活的品質要求更高，旅游行業的快速發展，就帶動著人們對于墨鏡產品需求，

而大多數線下門店對于大部分消費者來說都不能的購買到自己心儀的墨鏡，我

們主營的產品是男女同款的藍butterfly瀚藍墨鏡，采用合金鉸鏈，堅固耐用，

開口順滑，鏡框黑色，鏡片主推瀚藍色，同時有多種顏色選擇，價格上因為墨

鏡并不是人們生活的必需品，我們選擇中高端水平的定價，關注店鋪并加入會

員可以有一定的優惠和活動，這個可根據階段活動給出優惠。這個價格區間符

合大部分用戶對于墨鏡的心理價位，對于墨鏡的價格，消費者更加注重墨鏡的

款式以及墨鏡的實用性。同時我們注重于對于產品的品質，致力于打造一個專

2

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

屬于藍butterfly品牌口碑。

2.1.2店鋪消費者分析定位

目前墨鏡的消費人群主要分三類：第一類是疫情結束后，想去各種旅游景

點旅游的消費者，這一類消費者年齡范圍較大，其中一大部分消費者并沒有長

時間帶墨鏡的習慣，只是苦于陽光刺眼，需要墨鏡遮擋陽光。旅游結束后就放

置一邊。這類用戶往往并不在意墨鏡的品質只在于墨鏡的價格要求優惠款式適

中。第二類消費者是年齡較小追求審美的在校學生，這類用戶對于墨鏡的款式

要求較高，因為其自身并無掙錢能力對于價格也要求較為低廉，屬于追求物美

價廉的消費者，第三類用戶是年齡較大，對于刺眼陽光較為抵制的消費者，這

類用戶往往注重于墨鏡的佩戴舒適度和結實耐用，屬于較為注重品質的消費者。

2.2店鋪風格分析

時代在不斷發展，疫情恢復人們的收入也在不斷提高，同時對于旅游的需

求也大大增加，作為旅游的伴生品，墨鏡的需求也大大提高。線下墨鏡的單調

也使得越來越多的人們對于墨鏡的選擇慢慢轉變為線上購物。

我們產品的主要定位人群是熱愛旅游的人群，這類人群一般都具備穩定的

收入，而目前處于春夏季，所以店鋪的主要就是簡潔明了，不會讓消費者產生

眼花繚亂煩躁的感覺，色彩我們采用藍白灰的色調，給人大氣，清涼的感覺。

2.3店鋪色彩分析

色彩搭配在店鋪的首頁，詳情頁，主圖副圖極為重要，在瀏覽了多個店鋪

之后我定下了自己店鋪的色彩設計。顏色是買家進來后最直觀的感受元素，顏

色上將白色作為店鋪的底色，中間穿插一些灰色給人一種簡單大氣的感覺，同

時在白灰色中加入藍色，洗去夏季那一份炎熱，在視覺上起到一種大氣清爽的

感覺，同時簡單的顏色搭配讓商品的價格型號功能更加簡單明了，讓買家可以

更快的了解商品從而下單付款。

3.藍butterfly淘寶店鋪視覺設計

店鋪首頁最容易給消費者留下深刻印象，一個合理的視覺影響離不開好的

排版框架設計和文案寫作，一個好的排版設計能夠更好的傳達商品的利益點，

讓畫面更加合理舒適，更有條理，文案則可以更好的突出產品的賣點，讓買家

更直觀的感受到商品的優點。接下來我主要描述我們店鋪的板式和文案是如何

3

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

制作的。

3.1店鋪板式設計

一個好的店鋪板式如果構建的十分合理，能夠給買家一種美的享受，而更

好的圖文布局，產品擺放，色彩搭配都可以讓買家在瀏覽過程中充滿享受，減

少跳失率，增加顧客的購買欲望。

3.1.1首頁板式設計

接下來說一下店鋪首頁的板式設計，當一打開店鋪首頁是消費者最先看到

的是店招和導航條，店招和導航欄是可以讓消費者清晰明了的找到自己想到的

商品。因此首頁設計是否簡單大氣，能夠吸引消費者很重要。所以我們首頁設

置了七個板塊。

藍butterfly店鋪淘寶首頁店鋪設計板式如下

圖1首頁店鋪設計板式

4

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

3.1.2產品1詳情頁板式設計

產品1的詳情頁板式首先是產品展示用于展示產品，突出產品的大體款式，

讓買家查看是否是自己所需要心儀的款式，下面是產品的三個顏色，讓有購買

欲望的買家進一步了解商品，下面又一個產品展示則是對產品的三個顏色同時

展示，其次是產品的一些細節，讓買家了解產品的一些特有工藝，最后是購買

須知，讓買家了解一些售前售后問題。

產品1詳情頁板式設計如下

圖2產品1詳情頁板式

3.1.3產品2詳情頁板式設計

產品2是我們店鋪的主推商品，所以對于產品2詳情頁的板式設計我們更

加精致。首先產品2的詳情頁最上方有我們產品模特的試戴海報，讓買家感覺

到商品的特殊，下面是產品的特有工藝設計，讓買家對于我們的產品產生一種

極致的感受，下面就是產品的一些細節設。下方是產品的海報副圖讓買家進一

步了解商品，同時刺激買家的購買欲望，最下方則是我們的購買須知，讓買家

了解一些售前售后問題。刺激買家下單付款

產品2詳情頁板式設計如下

5

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

圖3產品2詳情頁板式

3.2店鋪文案

因為正值夏季，且是旅游爆發性增長的時期，為了更好的合理利用淘寶新

店開張支持的流量，讓更多的消費者變成店鋪的粉絲。我們爭取選用簡單明了

的話術，文案是溝通消費者的利器，好的文案可以更好的引導消費者下單，給

予消費者心理暗示，抓住消費者的心理，用簡單的文字體現出消費者在乎的利

益點，不斷的心理暗示讓買家認為這就是自己需要的，來引導消費者下單付款

商品。

3.2.1首頁文案設計

首頁的文案上有很多點，首先是店招上面的原與你于此想遇，引導消費者

6

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

了解店鋪的欲望，增加消費者瀏覽的興趣，店招下方的導航條使用白色文字，

分成六個專區，讓買家更好的選擇自己需要的商品，導航條下面則是一排的店

鋪名稱加深消費者對于店鋪的印象。其次就是海報上利用諧音文字體現店鋪的

主營產品，“棕”享夏日“鏡”彩利用諧音文字體現店鋪的主營商品“棕鏡”下

面則是商品的購物券，先領卷，再購物利用消費者的優惠心理讓買家產生購買

欲望，優惠劵上的細節也是“搶”字，給買家一種不易獲得的急迫感，加快買

家的下單付款時間。優惠劵下方是設置的兩個專區，男生墨鏡女生墨鏡，讓買

家更好的選擇需要的產品，其次就是新品搶先購，利用文字寫出一些商品的優

惠，賣點和一些細節。同時表明新店開張，讓買家去咨詢客服一些潛在優惠，

刺激下單。最后則是我們的售前售后問題讓買家購買無憂，促進買家下單付款。

3.2.2產品1詳情頁文案設計

產品1的詳情頁文案相對來說較為簡單，如我們首先表明產品的款式，貓

眼黑框墨鏡讓買家了解產品的款式名稱特點，下面則是表明產品的一些賣點合

金鉸鏈，堅固耐用、開口順滑，讓一些擔心產品品質的買家更加放心。然后就

是我們的整體是黑框灰鏡，讓買家進一步了解產品，刺激下單。最后是我們店

鋪的購買須知讓買家購買無憂，增加轉化率。

3.2.3產品2詳情頁文案設計

產品2的文案首先是標注是2023新款，提高對買家的吸引力和興趣，然后

配合產品展示圖說明墨鏡的特有雕花工藝，配之一些英文字母增加大氣感。然

后是對產品的鼻托設計工藝，讓一些對一體式鼻托墨鏡需求的買家了解下單，

同時借用更符合東方面孔這四個字引導消費者我們店鋪的產品極為優秀，海外

依舊暢銷，下面的穩固不動彈，具有更好的定型托鼻效果則是說明一體式鼻托

的優點引導一些沒有使用過一體式鼻托的買家下單嘗試。然后就是我們的九色

鹿紋墨鏡紋理，結合中國傳統文化吸引消費者提高消費者的購買欲望，其次就

是我們墨鏡獨特的3+2鉸鏈工藝和一體式鼻托、九紋鹿紋呼應增加消費者對于

產品的印象，后面則是對鏡框顏色的描寫，同時用英文復刻一遍，增加產品的

印象，增加閱讀感。同時和前面的文字呼應，在買家腦海中勾勒出產品的完整

映像，促進買家下單購買商品。

4.藍butterfly淘寶店鋪視覺效果制作

介紹完店鋪的概況、定位、風格、版式以及文案之后，接下來我主要介紹

7

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

店鋪首頁、產品1詳情頁、產品2詳情頁的各個部分是怎樣結合之前的設

想制作的。

4.1店鋪首頁效果制作

首頁是顧客點擊店鋪看見的第一個畫面，關乎到店內商品之間的點擊量，

轉化率，一個好的店鋪首頁是非常重要的。我的店鋪首頁包括了導航欄、店鋪

海報、優惠劵領取、新品專區、分類專區，五大類類目的產品展示。

4.1.1店招設計過程

店招是消費者進入店鋪首頁最先看到的位置，不管瀏覽哪件商品店招都會

一直顯示在最上方，所以店招的設計是至關重要的。因此店招的設計是萬萬不

能出錯的，同時也關乎到店鋪的轉化率，店鋪的主要風格是簡約風，所以店招

的背景色我選擇為白色，左上方是店鋪的logo,黃色的背景色搭配藍色字體，讓

店鋪logo更加突出，背景上搭配黑色不規則線條構成一個個不規則幾何體，搭

配愿與你于此相遇，給買家一種嚴謹又不失靈動的觀感，同時右方搭配店鋪的

黑框粉色眼鏡，可以讓買家簡單的了解商品，增加趣味性，使店招不那么單調。

導航條為了更加醒目采用黑色方塊打底，白色文字相配更加醒目，通過間

隔將分類模塊分開，使用正楷字體，給人一種高級沉穩的感覺，同時最右側設

置搜索框，讓買家更加方便快捷的搜索商品，具有便利性。

店鋪店招設計效果圖

圖4店鋪店招設計效果圖

4.1.2海報制作過程

宣傳海報可以增加買家的側觀感受，一張美觀的海報可以讓買家留下進行

店鋪商品的瀏覽，海報的設計上，因為正值春夏季，所以我采用藍色的海洋背

景，沖刷夏日帶來的炎熱。右側的模特也是海藍色長裙和背景相呼應，模特下

方搭配棕色座椅和白色包包使得整體不再單調，同時左側的文字首先是深藍色

的藍butterfly的logo，下方利用諧音“棕”享夏日“鏡”彩突出店鋪主營商

品墨鏡，又能表明墨鏡的作用遮陽，從而縱享夏日精彩。

店鋪海報設計效果圖

8

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

圖5店鋪海報設計效果圖

4.1.3其他區域制作

對于其他區域的制作，我將其分為了優惠券模塊，分類導航模塊，新品搶

先購模塊，購買須知模塊五大類。

目商品展示模塊。

首先是優惠劵模塊利用背景色分割，藍色背景搭配棕色邊框棕白色內框，

讓優惠劵模塊更加簡潔明了，配合商品優惠，讓消費者更加心動。分類導航模

塊雖然店招上已經設立，但很多消費者首先是先看店鋪首頁是否有自己需要的

商品查詢不到后才會去搜索框搜索，所以我們又單獨設立了一個分類導航，讓

消費者去簡單快速的了解我們店鋪的大概商品，也能讓我們的店鋪首頁更加充

實，更加充滿誠意。對于新品搶先購模塊，我們放置了幾款店鋪的主推商品，

并增加了產品的一些細節設計和特有工藝，還設置了店鋪原創的小黃鴨，增加

趣味性，同時搭配新店開張字樣促使消費者進一步了解商品，最后的購買須知

模塊我們則選擇了透明的藍色，同時搭配黑色字體更加醒目，我們還在新品搶

先購和購買須知店鋪背景中加入了落花元素使背景不再單調。

9

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

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

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

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

產品1詳情頁是我們店鋪的主推產品之一貓眼黑框眼鏡，總共分成四副圖

10

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

展示，第一幅圖是貓眼黑框的產品展示，第二幅圖是這款商品的三款不同顏色

的分別展示，第三幅圖是產品的黃色款展示，第四幅圖也是一些商品的獨特工

藝鉸鏈技術，開口順滑和整體的配置黑框灰片，最后就是我們熟悉的購買須知。

產品詳情頁1設計效果圖

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

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

產品2詳情頁首先是先放置了一張模特海報，借用光影效果刻畫模特形象

突出墨鏡主體。然后我們放置了產品側邊鏡框的樣式雕花工藝紋路同時標注

2023新款，引起消費者的購買欲望。然后就是墨鏡的特有工藝：一體式鼻托、

九色鹿紋、3+2鉸鏈工藝突出產品的品質，然后放置女模特的試戴效果，讓買家

簡單的對墨鏡有一個穿戴效果圖了解。然后是放置了對鏡框顏色的描寫，讓消

費者對眼睛整體有一個簡單的映像。最后是我們的購買須知讓買家對我們的售

前售后有一些了解。

11

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

產品2詳情頁設計效果圖

圖8產品2詳情頁設計效果圖

4.2.3產品1主副效果圖

對于主副效果圖的制作我們引用了首頁的部分內容，首先主圖部分我們利

用聚劃算，高額減免優惠劵并搭配贈品眼鏡盒吸引買家下單，副圖上我們以小

黃鴨配黃色眼鏡為主，背景搭配藍色小方塊使得背景不再單調，左上角標明藍

butterfly的logo，下方搭配透明色方框，同時表明產品的賣點。吸引消費者

的興趣和購買欲望。第二張副圖則是放置了兩個小黃鴨觀望墨鏡，同時表明賣

點。吸引消費者下單

產品1主圖設計效果圖

12

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

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

4.2.4產品2主副效果圖

產品2的主圖則是采用疊加優惠劵的形式，中間采用黑石峰背景，墨鏡放

置在中間，給買家一種高級感。副圖1是我們詳情頁中的鏡框顏色琥珀色，同

時在側邊放置產品細節圖，讓買家更加細節的了解產品。副圖