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

目錄

1夢想家旗艦店淘寶店鋪概況..........................................1

1.1家具類店鋪發展現況...........................................1

1.2店鋪現階段發展分析...........................................2

2夢想家旗艦店淘寶店鋪視覺營銷分析..................................2

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

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

2.1.2消費者人群定位分析.....................................3

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

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

3夢想家旗艦店淘寶店鋪視覺設計......................................3

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

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

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

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

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

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

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

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

4夢想家旗艦店淘寶店鋪視覺效果制作.................................14

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

4.1.1店招效果圖制作........................................14

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

4.1.3優惠券效果圖制作......................................15

4.1.4熱銷爆款效果圖制作....................................16

4.1.5商品分類效果圖制作....................................17

4.1.6商品展示效果圖制作....................................18

4.1.7頁尾效果圖制作........................................19

I

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

4.1.8首頁效果圖制作........................................20

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

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

4.2.2產品1詳情頁效果圖制作................................23

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

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

4.3.2產品2詳情頁效果圖制作................................27

5總結.............................................................28

參考資料............................................................30

II

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

夢想家旗艦店淘寶店鋪視覺營銷設計方案

1夢想家旗艦店淘寶店鋪概況

夢想家旗艦店淘寶店鋪成立于2022年，粉絲數量具有50萬，夢想家旗艦

店淘寶店鋪保證商品正品無假貨。夢想家旗艦店賣家的服務態度評分為4.9分，

物流服務的質量評分為4.8分，寶貝與描述相符評分為4.8分，店鋪主要銷售有

沙發、床、書桌、餐椅、茶幾等。

1.1家具類店鋪發展現況

隨著電商的不斷發展，很多產品可以通過網絡進行銷售，家具也不例外，

所以網絡銷售成為了家具行業重要的一個渠道。對于家具的購買，網上的商品

豐富度和服務也越來越完美，這就是網購家具給我們帶來的最大優勢。因為我

們可以再網上買到自己喜歡的產品，所以就會有越來越多的人選擇網購家具。

生活家具網店商城分布情況，如圖1所示。

圖1生活家具網店商城分布情況

使用maigoo網站查詢，得到在2023年網站數據庫共收錄網店751家，根

據maigoo網站的數據，截至2023年，網店總數已經達到了751家，其中以小

品牌店鋪的數量最多，達到了467家，其次是京東旗艦店，共有254家，品牌

旗艦店有149家，京東自營店有34家，拼多多店鋪有29家，蘇寧旗艦店有10

1

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

家，品牌特許店有4家，京東特許店有2家，蘇寧自營店有1家。我們可以通

過，以淘寶網站為例，對“家具”關鍵詞進行搜索，相關店鋪就有366973家，

其展示結構超過100頁，其中金冠店有322家，皇冠店有19193家。

淘寶網家具搜索數據圖，如圖2所示。

圖2生活家具網店商城分布情況

1.2店鋪現階段發展分析

夢想家旗艦店鋪為了考慮滿足現階段新中產階級的人，對輕奢型家具類的

需求，從而形成了一定家具的市場，因此店鋪遇到了一個良好的機遇，應該把

握好這次的機遇。

2夢想家旗艦店淘寶店鋪視覺營銷分析

2.1店鋪營銷定位分析

夢想家旗艦店鋪是一家輕奢型的風格。在店鋪和產品的用色上面都是采用

低調簡單的色系，使店鋪的視覺效果更加貼合輕奢型風格。在營銷上面，店鋪

的首頁設計了吸引眼球的優惠券與限時活動價的字眼，來刺激消費者，增加消

費者的購買欲望，

2.1.1店鋪產品定位分析

夢想家旗艦店鋪主要銷售的產品是家具，在風格上，屬于輕奢型，它是極

具有包容性，可以與任何風格融合；在設計上，他注重氣質表達，以簡約為基

礎，通過精致的軟裝元素來凸顯質感，既不盲目張揚，又有獨特品位；在功能

2

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

上，它更加以人性化生活的本質需求出發，兼顧實用與生活細節，通過精致的

功能設計，讓人在不經意中獲得更理想的生活體驗。在產品的設計簡潔、耐用

上檔次和價格方面都比較符合年輕人的審美。

2.1.2消費者人群定位分析

面對當今社會，夢想家旗艦店將定位在新中產階級是25歲到40歲左右為

基礎的一個強大族群。

2.2店鋪風格分析

夢想家旗艦店以“輕奢精致生活，提高產品品質”為經營理念，該店鋪風

格上以輕奢極簡為主要基調，在色調上以低飽和度的中性色調，再搭配以風格

輕奢簡潔的沙發、椅子、茶幾等，所以在首頁設計、詳情頁設計等排版都體現

了符合現代簡約風格，給人一種舒適、大方的感覺。

2.3店鋪色彩分析

該店鋪首頁的背景色彩主要采用深褐色為主，深褐色是一種中性色，不像

暖色系和冷色系給人一種氛圍感，恰恰是中性色更好的體現了店鋪的簡約輕奢

風。而詳情頁的色彩主要采用了與產品相關聯的棕色，這樣整體顏色統一，顏

色用量越少，越顯成熟，不會眼花繚亂，所以店鋪在色彩方面更多的貼合店鋪

風格與產品相關聯。

3夢想家旗艦店淘寶店鋪視覺設計

伴隨著電商的發展，網店的數量也隨之增長，店鋪間的競爭逐漸激烈化。

店鋪能不能受歡迎，很大程度上由店鋪的設計決定，消費者點開商品的時候一

般都會看詳情頁、首頁等，那如何做好詳情頁、首頁等就需要先做好版式的設

計，版式設計能影響后面效果圖的呈現。

3.1店鋪版式設計

店鋪的版式設計是為了完成特定的主題和視覺需求而進行設計行為與過程，

其主要是以特定主題與內容為核心，并按照視覺傳達信息要素在版面上的需要

進行有組織、有目的的組合排列。

3

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

3.1.1首頁版式設計

網店的首頁是一個網店的門面，等同線下實體店的門面一樣，所以必須整

潔、大氣、簡約，能夠讓顧客第一時間對店鋪留下一個不錯的印象，從而激發

購買欲望。首頁主要包括店招、導航、輪播海報、標題banner、產品展示、尾

頁幾大部分。T字型版式，就是前半部分店招、導航、輪播海報、標題banner

為全屏，下面其他區域位于中心，兩邊留白區域為背景色填充。

首頁版式設計如圖3所示：

圖3首頁版式設計

店招區域主要有LOGO設計與文案創意，并將它們的位置擺放于中心，這

4

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

樣的設計，既簡約又大氣，能夠給人一種舒適的感覺。

店招、導航區域版式設計如圖4所示：

圖4店招、導航區域版式設計

首頁海報區主要以產品銷售背景圖為主，在背景的左上一塊區域進行文案

創意，文案創意的主要內容可以為店鋪的活動主題或者以產品特點進行創意，

整體海報還是背景圖為突出，體現店鋪的簡約大氣的風格。

首頁海報版式設計如圖5所示：

圖5首頁海報版式設計

優惠券設計區域以一個矩形完成，內部中心可以設計一個產品背景圖，凸

顯店鋪的風格，時刻緊系著產品，上面可以設計文案創意，進行促銷提示領取

優惠券的作用，下方設計使用優惠券的優惠效果，分別在左、中、右擺放，整

體體現出會條理清晰，層次鮮明的效果。

優惠券版式設計如圖6所示：

5

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

圖6優惠券版式設計

熱銷爆款區域的單個商品設計主要是左圖右文結構，整體布局簡單直觀、

清晰易懂，左邊的圖片區域放置商品圖片，右邊的進行簡單的文案設計編排，

這樣可以直觀的體現產品圖片和文案的搭配下有助于整個版面設計不會缺失平

衡。

熱銷爆款區域版式設計如圖7所示：

圖7熱銷爆款區域版式設計

商品分類區域的設計比較具有獨特性，通過觀察可以看出，整體被看作是

一個大的矩形，在大矩形的范圍內以小個的矩形進行組合，這樣的分類可以體

現店鋪哪一分類欄為主銷售欄，并依次往下的分類。這樣獨特的設計形式既美

觀又能吸引消費者。

商品分類區域版式設計如圖8所示：

6

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

圖8分類導航區域版式設計

產品展示區中的單個展示區域細節設計分別采用的是左圖右文和上圖下文

的結構，版式是由矩形構成，矩形內部放置一個產品圖片與文案，文案可以描

述產品名稱、產品賣點、產品價格等。

產品展示區域版式設計如圖9所示：

7

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

圖9產品展示區版式設計

3.1.2產品1詳情頁版式設計

詳情頁主要作用是讓買家能夠快速的了解產品的性能和特點，好的詳情頁

能夠很好的吸引用戶眼球，讓用戶了解產品，從而達到下單購買的目的，增加

買家對產品的購買數量，提高客單價。

產品1祥情頁主要包括產品海報，產品賣點區，產品信息區，產品細節展

示區，賣家聲明區這四個區域。

產品1詳情頁版式設計如圖10所示：

8

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

圖10產品1詳情頁版式設計

產品海報圖可以看出是以產品圖居中為主題，那么對于文字的排版，我們

可以選擇在圖片的中間上方的留白空間，進行文案創意與排版，這樣就有助于

使整個版面設計不會缺失平衡。

9

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

頁頭海報版式設計如圖11所示：

圖11頁頭海報版式設計

產品賣點區，主要是對學習桌的各個優勢賣點的地方設計進行展示。產品

信息區，上方對學習桌的基礎信息進行描述，下方左圖右文對學習桌的尺寸進

行描述的一個方面。產品細節設計區主要基礎的一個左圖右文結構對產品細節

來簡單的描述，依次往下排序。賣家聲明區主要是上下文案結構，上方對突出

標題，下方詳細說明主要內容在于對產品的快遞、運輸、保障等進行描述。

產品賣點、產品信息、產品細節、賣家聲明版式設計如圖12所示：

10

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

圖12產品賣點、產品信息、產品細節、賣家聲明版式設計

3.1.3產品2詳情頁版式設計

產品2詳情頁主要包括產品海報，產品賣點區，產品信息區，產品細節展

示區，賣家聲明區這四個區域。

頁頭海報采用的是圖文結合的方式，以產品為背景，在其中留白的右上進

11

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

行文案編輯，使得觀感大方，簡約。

產品賣點展示區域主要是對產品賣點特點進行描述，采用的是上文下圖的

結構，能夠更好便捷瀏覽。產品信息區域對于產品的基本信息進行描述，清晰

列出，上面進行文字描述，下方進行圖片直觀了解產品的尺寸。產品細節設計

區域主要是左圖右文結構，賣家聲明區主要是上下文案結構，上方對突出標題，

下方詳細說明主要內容在于對產品的快遞、運輸、保障等進行描述。

頁頭海報、產品賣點、產品信息、產品細節、賣家聲明版式設計如圖13所

示：

圖13頁頭海報、產品賣點、產品信息、產品細節、賣家聲明版式設計

12

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

3.2店鋪文案策劃

顧客進入店鋪能夠看到的是產品和文案，而文案的重要性是它能吸引顧客

注意力；刺激訪客購買；打造商品個性，提升競爭力；突出產品質量，提高顧

客信任。

3.2.1首頁文案策劃

首頁文案設計主要包括店招區域（含導航欄）、首頁海報、熱銷爆款、幾個

部分的文案策劃。

店招的文案主要是“精致生活美家”它展現在“夢想家旗艦店”店鋪名稱

的正下方，這樣可以很直觀的看到店鋪的經營理念，也符合現階段的年輕人生

活。這樣的文案能夠與更加簡潔明了，突出了店鋪的風格。

首頁海報的文案主要集中在海報的空白區域，既不影響海報效果，又能更

好的展現文案。“好品質”“呈現美好居家”這幾處的文案能夠體現的店鋪的

產品質量與店鋪對生活家具的美好的體現，“goodquality”“presentabeautiful

home”文案意思與“好品質”“呈現美好居家”一致，它的體現是使視覺效果

有層次性，不會過于單調，最后在一個褐色的矩形選框中添加“點擊探索”的

文案能夠形成一個引導鍵與海報的產品更好的相互聯系。綜上也更好的是首頁

海報效果更加舒適，大方。

熱銷爆款的文案主要展示產品的特點方面。例如的“意式雙人大床”“床

底儲物功能”“柔軟舒適”都是屬于商品的特點賣點，這樣能夠更好的展示商

品的功能，同時在文案的展示上也是在商品的右側，形成了一個左圖右文的結

構不會影響整體效果反而更加的舒適簡潔。

3.2.2產品1詳情頁文案策劃

詳情頁1的文案設計主要是頁頭海報、產品細節、賣家聲明這幾個部分的

文案策劃。

頁頭海報的文案設計主要是在更加體現產品，海報中的產品放在最中心，

同時文案設計的位置在學習桌產品的上面留白部分是用“簡約?學習書桌”“夠

穩才夠舒適”的文案更好的體現學習桌的特點，使用的字體也是整體偏大號字

體，能夠使消費者清晰的通過文案了解產品方面。同時也在海報中的左下角添

加“簡約/舒適”“slmplecomfortable”這樣的文案，使用了白色字體也能與海

報效果適配，又強調了學習桌的特性。

細節展示的文案設計主要是對產品進行放大來觀察它的質量和設計細節。

13

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

例如“實木拉手”“圓潤美觀”這一處的文案設計在產品的右邊，形成了的是

一個左圖右文的結構，能夠更好的介紹左邊產品的設計特點。細節展示部分依

次往下都是左圖右文的結構式，體現的效果也是十分的簡單舒適。最后的是賣

家聲明文案設計主要是對發貨、色差、快遞、簽收、售后進行描述，賣家聲明

的設計是獲得客戶的信任，提高該店鋪的銷售率與品牌認可。

3.2.3產品2詳情頁文案策劃

詳情頁2的文案設計主要是在于頁頭海報、產品細節、賣家聲明這幾個部

分的文案策劃。

頁頭海報的文案設計主要是突出產品特點，文案設計在海報中留白的上部

分，“意式簡潔皮餐椅”的文案能夠更好的體現學習桌的特點和風格，使用的

字體也是整體偏大號字體，下面添加了橙色矩形，能夠使消費者清晰的通過文

案了解到產品的風格。

產品細節的文案設計主要是對產品進行放大來觀察它的質量和設計細節。

例如“精密縫針走線”“穩固碳素鋼框架”這一處的文案設計在產品的右邊，

形成了的是一個左圖右文的結構，能夠更好的介紹左邊產品的設計特點。細節

展示部分依次往下都是左圖右文的結構式，體現的效果也是十分的簡單舒適。

最后的是賣家聲明文案設計主要是對發貨、色差、快遞、簽收、售后進行描述，

賣家聲明的設計是獲得客戶的信任，提高該店鋪的銷售率與品牌認可。

4夢想家旗艦店淘寶店鋪視覺效果制作

4.1首頁效果圖制作

店鋪首頁對于消費者來說第一印象非常的重要，所以店鋪首頁效果的好壞將

直接影響消費者的購物體驗的好壞和轉化率的高低，通過店鋪的產品可以看出

大都是以現代簡約輕奢型的風格為主，所以店鋪的風格也定位了為輕奢型的。

在店鋪首頁的效果圖的設計構成包括：店招導航、海報、優惠券、熱銷爆款、商

品分類和商品展示效果的設計。

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱、店鋪進店標語、店招分類導航。

店鋪的LOGO是對該店鋪的形象展現，可以加深用戶對于店鋪和產品的認

知。所以設計LOGO的時候要簡單直接的了解知道該店鋪。LOGO的整體設計

以一個簡筆畫房子能夠直接貼合該店鋪的名稱“夢想家”，夢想家中的“家”

14

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

可以表達為美好溫馨的象征；家不僅給了我們安心的棲身之所，更給了我們心

靈的慰藉和引導。店鋪名稱與店鋪標語為上下排版將于LOGO一起放在中心，

給人帶來直接簡約大方的風格。導航區域分別有首頁、所有產品、熱銷推薦、

客廳系列、餐廳系列、臥室系列這六個部分。

店招設計效果如圖14所示：

圖14店招設計效果圖

4.1.2海報效果圖制作

首頁海報設計比較簡約大方，整體體現了現代簡約的輕奢型家具風格，海

報中以產品為背景適當的留白空間進行書寫文案，文案的編輯色彩方面將于背

景用色相同，體現整個的海報風格一致協調，使得看上去的效果給人舒適、大

方的感覺不會使得眼花繚亂。文案中還制作了引導鍵“點擊探索”可以使得用

戶方便了解海報中主推沙發這款產品，避免在該店鋪翻閱查詢。

首頁海報效果如圖15所示：

圖15首頁海報效果圖

4.1.3優惠券效果圖制作

在完成了首頁海報圖后，添加了優惠券的區域，對于優惠券頁面時有一個標

簽設計，提示“優惠領取”，在下面的優惠券都設計在一個矩形框內，背景以純

色矩形內疊加一張產品圖，上方以“大額限時優惠券”為標題吸引消費者眼球，

中間顯示產品圖片，下方設計優惠券領取，分別左中右設計，使用門檻分別金額

是“1000、500、300”對其進行相應的立減優惠，在門檻金額和立減金額都設計

15

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

以紅色來突出。對于優惠券的整體設計是有很明顯的層次感，給人一種新穎的設

計效果。

優惠券區域效果圖如圖16所示：

圖16優惠券區域效果圖

4.1.4熱銷爆款效果圖制作

在完成首頁海報后，添加了熱銷爆款區域。“熱銷爆款”以標題形式設計在

右上，下方設計一根直線將與爆款產品區域隔開，表現為以下區域則是爆款產品

的展示區，每一個爆款顯示都是以矩形區分，矩形內設計的是左圖右文結構式，

左側放置產品圖，右側進行對產品的賣點，優惠價格的設計，到手價金額等，產

品爆款設計主要有三個，依次往下，便于簡易的瀏覽和主要推薦。

熱銷爆款效果圖如圖17所示：

16

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

圖17熱銷爆款效果圖

4.1.5商品分類效果圖制作

在完成熱銷爆款后，添加了商品分類區域。“商品分類”以標題形式設計在

右上，下方設計一根直線將與商品分類區隔開，表現為以下區域則是商品分類設

計區，將商品分類看作是一個大的矩形，里面放置各商品分類欄以小矩形區分，

小矩形的設計以商品的背景，可以更好地直接了解商品的是哪一類，還以首頁色

性的深褐色進行疊加降低透明度，其中設計分類欄標題。使得整體更加看上去舒

適。。

商品分類效果圖如圖18所示：

17

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

圖18商品分類效果圖

4.1.6商品展示效果圖制作

在完成商品分類后，添加了商品展示區域。“商品展示”以標題形式設計在

右上，下方設計一根直線將與商品展示區隔開，表現為以下區域則是商品展示設

計區，可以將商品分為兩類依次往下，分別是以一個矩形設計左圖右文結構形式，

左側放置產品圖，右側是對產品的標題、價格、引導圖標進行排版設計，另一類

是設計兩個矩形分別在第一類的矩形下方左右對稱，矩形內設計上圖下文的結構，

上面放置產品圖，下面是對產品的標題、價格、引導圖標進行排版設計。因此這

兩類依次往下，這樣瀏覽更加舒適簡單。

商品展示區效果圖如圖19所示：

18

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

圖19商品展示效果圖

4.1.7頁尾效果圖制作

在完成商品展示后，添加了頁尾區域。頁尾與上方以波浪形式區分，下方以

白色背景為主，將左側放置企業LOGO，右側是對企業的各個方面的描述，設計

簡單大方，與企業風格相搭。

商品展示區效果圖如圖20所示：

19

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

圖20頁尾區域效果圖

4.1.8首頁效果圖制作

首頁整體設計采用的是中色系，首先我們店鋪是家居類型的商品，在顏色

的選擇上是比較貼合產品的簡約現代風格，都是適合百搭的，并沒有選擇明亮

或暗色。而且整體的排版都比較簡約，為了更好的以直觀的方式呈現在消費者

的面前，店鋪設計以及店鋪陳列的簡約方法，可以給消費者帶來更加舒適的體

驗。

商品展示區效果圖如圖21所示：

20

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

圖21頁尾區域效果圖

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

4.2.1主副圖效果圖制作

主圖是產品最重要的展示窗口，是為了吸引顧客，刺激顧客購買欲。左上

21

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

為店鋪LOGO，能夠醒目的清晰知道該店鋪增加記憶，背景色為棕色，以產品

同色系，中間為產品的展示，下方框設計產品的限時優惠信息，刺激消費者。

產品1主圖設計效果圖如圖22所示：

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

副圖1、副圖2、副圖3的結構相似，是上文下圖的結構，左上方依然都是

該店鋪的LOGO，中間是產品的展示；文案略有些不同，副圖1、副圖2、副圖

3是針對某個放大的地方進行描述，清晰告訴消費者該產品的特點，讓消費者有

所了解產品。

產品1的副圖效果圖如圖23，圖24，圖25所示：

圖23產品1副圖1效果圖

22

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

圖24產品1副圖2效果圖

圖25產品1副圖3效果圖

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

產品1是學習桌的設計，是該企業銷售產品之一，詳情頁設計主要分為頁頭

海報、產品賣點、產品信息、產品細節、買家聲明等5個部分構成。

詳情頁的主要用色是與該產品同色的棕色，使用同色系會給人整體不會有

雜亂不堪和視覺疲勞的缺點。頁頭海報展示的以產品為中心，將上面留白部分

進行產品特點文案，放置上放中心，左下進行簡單的特點描述，整體效果體現

簡約舒適的風格。

產品賣點展示了三個不同的款式、空間、分類雙抽上的賣點；產品信息主

23

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

要展示了產品的基本信息，如產品名稱、產品材料、包裝結構等進行整理排版，

使消費者能夠有清晰簡單的了解；產品細節展示主要是對產品的拉手、邊角、

加高主機位進行描述，能夠給消費者知道產品品質，刺激消費者購買。

買家聲明主要是對店鋪產品的各個方面進行詳細描述，如關于發貨、色差

快遞、簽收、售后的問題來提示消費者注意的，也更好的讓消費者的到好的服

務體驗。

產品1詳情頁設計效果圖如圖26所示：

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

24

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

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

4.3.1主副圖效果圖制作

主圖的設計主要用色與產品相似，左上是店鋪LOGO，中間放置產品圖，

下方設計9折優惠，還有活動金額價，能夠讓消費者清晰的了解到此產品的相

關信息。

產品2主圖設計效果圖如圖27所示：

圖27產品2主圖效果圖

副圖1、副圖2、副圖3主要是上文下圖的結構，上方進行對產品特點的描

述，下方放置產品特點的清晰圖，左上方是該店鋪的LOGO，能夠給消費者增

加店鋪記憶，整體的設計給人帶來十分簡約、大方舒適的效果。

產品2的副圖效果圖如圖28圖29圖30所示：

25

湖