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

目錄

1我心飛揚家居小店店鋪概況...........................................1

1.1家居類店鋪發展現狀............................................1

1.2我心飛揚家居小店現階段發展現狀................................2

2我心飛揚家居小店視覺營銷分析.......................................3

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

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

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

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

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

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

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

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

3我心飛揚家居小店店鋪視覺設計.......................................7

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

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

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

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

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

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

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

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

4我心飛揚家居小店店鋪視覺效果制作..................................19

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

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

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

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

I

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

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

4.2.1主副圖效果圖...........................................23

4.2.2產品1詳情頁效果圖設計..................................25

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

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

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

5總結..............................................................29

參考資料............................................................31

II

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

我心飛揚家居小店視覺營銷設計方案

1我心飛揚家居小店店鋪概況

我心飛揚家居小店是2018年成立的線上店鋪，粉絲數850萬，從品質、

物流、咨詢及售后等多維度表現優異，達到綜合體驗五顆星標準。主營的產

品主要是床前燈、床、桌椅、沙發、鞋柜等為主。“盡可能多的為顧客提供

多功能、高質量、低價格的家居用品”的經營宗旨，擁有完整的、科學的質

量管理體系。清新淡雅的色彩結構，融入大自然的樸質，使現代家居呈現出

一種獨特的人文情懷，為客戶創造最溫馨的“家”。

1.1家居類店鋪發展現狀

家具店一般常用到的材料是實木板、各種各樣的木材、海綿、彈簧、織

物以及五金配件等等，使用的家具不同，用的材料也會不同。而功能具備著

儲藏、收納等。產品有床前燈、床、桌椅、沙發等，適用類型包括，學校家

具，辦公類家具，家庭類家具，門店類家具等等。而現代消費者家具消費觀

正在從追求質量正向著追求變化舒適度而改變，舒適度將成為評價家具店優

劣的重要標準之一。

如圖1所示在淘寶店鋪中相關的家具店鋪有377251家，銷量大部分搜在

天貓店，相比其他平臺家具店鋪在淘寶上占比較高。

如圖2所示，家具類行業的兩大巨頭便是淘寶以及天貓平臺，所占比例

是31.20%，其次是京東26.49%和國美13.71%，由此而得出家具類商品在淘寶

以及天貓平臺上占比最大，份額也比較大的。

1

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

圖1家居用品網店發布

圖2淘寶網家居店店鋪數量

1.2我心飛揚家居小店現階段發展現狀

我心飛揚家居小店店鋪現階段的銷售規模呈上升趨勢，如圖3所示，2018

銷售量為11800元，2019年銷售量為19960.8元，2020年銷售量為22990元，2021

年銷售量為27620.5元，2022年銷售量為32070.9元，2023年銷售量為37660

元，自2018到2023年我心飛揚家居小店線上銷售規模增長速度明顯快于線下

銷售增速水平。

店鋪近五年內粉絲數量變化趨勢如圖4所示，2018年粉絲數相對較少，

2019年粉絲數以達到190萬，從2020年起粉絲數開始猛烈增長，至今已達到850

萬，由此可以說明，家居行業在線上發展逐漸火爆，電商發展越來越成熟，

粉絲數量越多，店鋪轉化率越好。銷量也會越高，這是店鋪發展的重要部分。

我心飛揚家居小店銷售規模情況和粉絲量變化趨勢圖如圖3、如圖4：

2

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

家居銷售規模統計情況

4000037660

3500032070.9

3000027620.5

22990

2500019960

20000

11800.3

單位：元15000

10000

5000

0

2018年2019年2020年2021年2022年2023年

圖3店鋪現階段銷售規模

店鋪粉絲量變化趨勢

1000

850

800

800

600

450

400

400

單位：萬

150

200

10

0

201820192020202120222023

圖4店鋪粉絲量變化趨勢

2我心飛揚家居小店視覺營銷分析

2.1競爭對手店鋪視覺分析

進行競爭對手分析通常可以分析對方店鋪的界面布局，呈現的不同效果，

有利于揚長避短，也可以分析競品的優勢，劣勢，機會與挑戰。由此可以從

中分析出產品的設計和技術方面的問題，同時還可以從中挖出新的潛在需求，

通過分析找出彌補缺陷的方法。

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

競爭對手1的店鋪選擇主要選產品類型相似的，店鋪名為“小半家具Half

House”，被評為極有家，粉絲數45.5萬，店鋪好評率高達99.96%，所在地

在浙江省杭州市。該店鋪首頁有優惠滿減活動，預訂款，品質款，組合款，

3

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

贈禮款，福利款，新品款，小紅書推薦款，相關說明等，主色為橘紅色打造

出喜慶的氛圍，強調活動的重視性，其他部分有白色，綠色，黃色，色彩鮮

明渲染了喜慶的時候活躍與興奮的心情，內有小圖標表示商品的說明，簡介

明了卻不失個性，層次分明，重點突出一目了然，能使顧客抓住重要內容，

圖片美觀清晰有質感，給予顧客一種視覺上的享受。

競爭對手店鋪1首頁如圖5：

圖5競爭對手店鋪1首頁

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

競爭對手店鋪2名字為“IKEA宜家家具官方旗艦店”，綜合體驗五顆星，

粉絲數高達438萬，該店以收錄與秀色可餐的餐桌好店合集。該店鋪首頁導

航是相關物流公告，首頁有宜家會員專享福利，采用動態折疊式展示各個折

扣，瞬間突出了店鋪的高級感，其次還有新品展示，精選分類，查找房間靈

感，精選桌椅，兒童家具，相關說明等，該店鋪主色為白色，給人舒適的感

覺，圖片高清，展示方式動靜結合，圖片下帶有箭頭圖標進去主頁，簡約方

便。層次分明條理清晰，結合來說該店首頁簡約，高級，舒適，方便。相關

說明下也有更多查看，可以在此了解更多相關服務。

競爭對手店鋪2首頁如圖6：

4

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

圖6競爭對手店鋪2首頁

2.2店鋪視覺營銷定位分析

不管是商城還是網店，第一印象很重要，首先選好產品，然后根據自己想

要的效果去進行網店裝修設計，對消費者人群和適用人群進行分析，查找不同

階段的數據占比，更多的了解這個圈子。

2.2.1店鋪產品定位分析

近年來人口數量的增加，生活水平也不斷提高，絕大多數家庭都有著自

己的小家，對家具的需求也不斷的增加，而我心飛揚家具小店消費理念就是

幫助顧客給他們提高安全舒適的家具，打造健康綠色又環保的家具產品。根

據產品定位分析圖圖7所示，燈具和沙發是店鋪的主要產品，分別所占比率

為27%和24%，其次是床和鞋柜所占比分別是17%和14%，隨后是餐桌和書架，

依照數據來說燈具和沙發賣的最火爆，產品主打物美價廉，因此價格適宜是

人們銷售的首選產品。

產品定位分析如圖7：

5

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

產品定位分析圖

燈具

24%27%床

餐桌

書架

鞋柜

14%

17%沙發

8%10%

圖7產品定位分析

2.1.2消費者人群定位分析

根據消費人群定位圖8得出，本店主要針對的客戶群體是30~40歲中青年，

其次是40~50歲中年人，他們消費比例比較高，崇尚簡約，喜歡簡單大氣溫

馨的生活格調，家具定位在中低端，性價比相當可觀，非常適合尋求簡約自

由的年輕消費群體。

消費人群比例圖如圖8：

消費人群

20-30歲30-40歲40-50歲50-60歲

10%10%

30%

50%

圖8消費人群定位

2.3店鋪風格分析

店鋪風格主要以簡約原生態類為主，這是當今大眾的主流審美，首頁是

消費者一眼看見的頁面，因此頁面裝修很重要，可以適當加入自己的特色，

吸引顧客注意力，讓顧客留下簡約大氣的印象，適當加入一些動態折疊圖片

和對應產品的更多查看，可以有效的讓顧客找到所需的商品，有效的促成交

易。如今家具行業正處于高速發展階段，把握消費者訴求也是一大重要課題。

2.4店鋪色彩分析

當今大眾主流審美風格為簡約，所以店鋪設計的顏色以淺色為主，背景

6

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

色為淡粉色，重要按鈕用紅色表示，給顧客一種視覺的沖擊，考慮到簡約風

格同時也增加了一點溫馨氛圍的小心機，加入一些裝飾的不同形狀以及色彩，

使店鋪在充分發揮溫馨色彩的同時給人們顧客一種元氣積極向上的感覺，店

鋪主打原木產品，崇尚健康綠色環保等理念，而輔助色為白色，給人一種干

凈的感覺，起到協調的作用，有利于吸引顧客眼球，給人一種舒適溫馨的氛

圍。

3我心飛揚家居小店店鋪視覺設計

3.1店鋪版式設計

在版式設計中要想使版式看起來不死板，不凌亂，就要在色彩、信息、

裝飾、強調的內容及歸類等里面下功夫，首先是要抓住顧客眼球，使得顧客

產生興趣而購買產品。

店鋪在主推的產品和其他產品上都下了足夠功夫，運用了個性字體效果、

圖片、裝飾、色彩、框架等構成排版，主次分明，結構清晰，簡潔干凈不啰

嗦。

3.1.1首頁版式設計

店鋪的首頁就相當于顧客對店鋪的第一印象，能使顧客產生心理反應，

促成交易等購買行為。因此，首頁版式圖的設計一定要歸類清楚，分清區域，

便于顧客區分。店鋪首頁設計包含：店招（LOGO）、導航、全屏海報、優惠

券、產品分類、產品展示區、熱銷推薦款、極力推薦款、熱門推薦款、頁尾

設計等10個區域。

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

7

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

圖9首頁版式設計

由版式設計圖，結合店鋪對各部分細節設計進行說明。

店招設計中分為兩個模塊，第一是左邊的店招logo店鋪名稱和綜合體驗，

logo是一雙翅膀，預示著店鋪發展會愈來愈強大，店鋪名稱是我心飛揚家居

小店，能夠讓顧客一眼就能知道賣的產品，隨后店鋪名稱下面的是綜合體驗，

金牌賣家符號和真實五顆星，加深顧客對店鋪的印象。第二是右邊的紅色的

小圖標加入收藏，點收藏后的顧客便可時刻關注到店鋪產品發布信息的以及

活動的信息，購買程度達到某種標準后便可成為本店店鋪會員，下邊便是裝

飾的一群小房子，給顧客帶來不同的視覺沖擊，而店招下方則是導航，依次

是首頁、鞋柜、沙發、床具、燈具、餐桌、書架，而導航欄顏色為淡粉色，

給人整體就是清新淡雅的感覺，添加導航可以更加的方便顧客進行篩選，搜

索框可以讓顧客精確的找到商品。

店招、導航版式設計如圖10所示：

圖10店招、導航版式設計

全屏海報設計主要是中心式結構排版，主文案在在中心區，副文案在主

文案上方，運用了云朵來進行裝飾，給人一種輕松自由自在的感覺，突出商

品特點，以文案作為導火線可以使顧客起到購買產品的作用，排版比較簡潔，

突出著重點，引導消費。

8

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

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

圖11首頁海報版式設計

活動區的展示主要設計了兩個方面，第一是優惠券設計，其優惠券的顏

色為蛋黃色，分布與左上方的文案下方區域，排放方式個富有個性，給顧客

一種新穎的感覺，而優惠券的優惠活動是不同的，分別為購買3000元減200

元、購買5000元減300元、買7000元減400元、買9000元減500元，價格數字

用比較顯眼的顏色紅色，引導顧客購買的箭頭圖標同樣是紅色，給顧客視覺

的沖擊感，吸引顧客注意力。而第二方面便是購買商品后曬圖或評價給顧客

帶來的好處與利益，一共有三個小店分別給顧客帶來30元、35元、60元的獎

勵，有利于激發顧客的購買動機。

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

圖12優惠券版式設計

產品分類以及產品展示版式圖的設計的目標就是讓顧客對商品產生興

趣，便于顧客了解商品。產品沙發類、床具類、燈具類、餐桌類、書架類、

鞋柜類分類分別劃分了六個不同產品，分別是，分類出來是給顧客多一種選

擇的機會，而排版簡單精巧，充分的展示了本店的簡約定向。

產品分類區版式設計如圖13所示

9

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

圖13產品分類區版式設計

產品熱銷區主要展示的是床前燈熱銷推薦、臥室極力推薦、熱門客廳沙

發三種，運用左右版式設計圖片排版，左邊一張右邊一張依次擺放，排版整

齊有層次，給人看著特別舒適的感覺，價格以及點擊購買用于紅色，給顧客

一眼醒目的視感，而不同類型產品擺放三種不同樣式的產品，給顧客更多的

選擇空間，同時還給顧客更多的了解店鋪的機會。

熱銷產品版式設計如圖14所示：

圖14熱銷產品版式設計

產品展示區分為六類展示，分別是燈具類展示、原木沙發類展示、原木

床類展示、餐桌類展示、鞋柜類展示和書架類展示，其中每類展示的商品為

五種，加上紅色的價格以及紅色的點擊購買的按鈕，著重體現重點內容并且

引導顧客了解商品并購買商品。

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

10

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

圖15產品展示區版式設計

3.1.2產品1詳情頁版式設計

詳情頁是新手上傳寶貝的難點之一，也是上傳商品內容最多的項目之一，

是我們了解客戶數據的重要渠道，可以通過這些數據去優化商品質量，提高

轉化率。

產品1詳情頁版式圖主要包括的內容有海報、產品賣點、產品參數、產

品細節展示、頁尾等五個部分。

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

11

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

圖16詳情頁版式設計

首頁海報設計以圖片和文案的形式展示，突出主推產品的款式，搭配文

案給顧客帶來不同的情感氛圍，直接展示出本店商品的美觀精巧，主要說明

家的感覺與心的依靠，從心里上給顧客溫暖與溫馨，激發顧客購買欲望促成

交易。

頁頭海報設計如圖17所示：

圖17頁頭海報版式設計

產品賣點是以圖文形式展示的，主要是說店鋪商品的主要材料，包括進

口摔紋牛皮、北美白蠟木、進口實木排骨架和碳素鋼床腳，說明店鋪產品的

主要優勢柔軟高彈堅實耐用以及高承重力等。給顧客多多了解商品的機會，

也有利于顧客對該商品的肯定以及信賴。

產品細節展示以圖文形式以及放大細節使顧客更加方便的讀懂，搭配文

案以及多方面的細節圖片和介紹，讓顧客覺得精準度很大，可信度很強，依

照左圖右文或者右圖左文的形式展示，層次分明，盡然有序，有邏輯感，顧

12

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

客一眼就能看到重點效果以及展示的重要細節，給顧客留下深刻的印象。

產品賣點、產品細節版式設計如圖18所示：

圖18產品賣點、產品細節版式設計

產品參數部分說明了產品的名稱、材料、產地、安裝等，利于顧客深入

了解商品信息。隨后是五包服務和價格說明。

產品參數、產品服務和頁尾版式設計如圖19所示：

13

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

圖19產品參數、服務以及頁尾版式設計

3.1.3產品2詳情頁版式設計

產品2詳情頁與產品1詳情頁的略有不同，但排版還是相似的，在詳情頁

的設計上是要花點功夫的，這直接影響著顧客對產品產生的感覺印象以及喜

愛程度，吸引顧客眼球就能留住顧客，提升轉化率增加購買的欲望。

產品2詳情頁包括海報、產品賣點、產品細節展示、入戶安裝、尾部等

五個部分。

產品2詳情頁版式設計如圖20所示：

圖20產品2詳情頁版式設計

14

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

頁面首頁同樣也是采用的圖文結合樣式展示的，相對詳情頁1海報來說，

詳情頁2海報文案更加簡潔。產品賣點說明了五個產品的優勢以及具體的材

料制作等，隨后是產品展示，跟詳情頁1一樣都是左圖右文或者左文右圖的

形式展示，細節部分用矩形或者圓形圈出，詳細的說明本產品的優勢，給顧

客留下印象以及可信度。產品尺寸說明了本產品的長寬高有多長，松軟度多

大等，隨后是文案以發起提問式問題作為文案，下面是幾句回答問題的文字，

新穎直觀，引起顧客的興趣，激發購買。

頁頭海報、產品賣點、產品細節版式設計如圖21所示：

圖21海報、產品賣點、產品細節版式設計

產品服務跟詳情頁1的一致，產品參數同樣也跟詳情頁1一致，用文字的形

15

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

式來描述商品，給顧客充分了解商品的機會。

產品服務、產品參數版式設計如圖22所示：

圖22產品服務、產品參數版式設計

入戶安裝采用圖文模式，詳細展示了入戶安裝的各種細節，尺寸等，隨

后便是頁尾。

入戶安裝、頁尾版式設計如圖23所示：

圖23入戶安裝、頁尾版式設計

16

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

3.2店鋪文案策劃

文案策劃不僅代表著店鋪對產品的宣傳，而且還代表這顧客對一個產品的

主要印象，一個好的文案可以使一個產品獲得不同的特色，提高產品的轉化率

以及知名度，也會對店鋪有著很好的一個影響，給店鋪帶來好的口碑。

3.2.1首頁文案策劃

首頁是店鋪中一個起到重要作用的部位，做首頁版式設計的時候是花費

心思最多的部位，他直接影響的顧客對店鋪以及產品的第一印象和第一考察。

而首頁部分包括的重要內容是店招、導航、優惠券、產品分類、產品展示以

及產品頁尾等。

店招代表著整個店鋪的招牌，設計店招時絕對避免的是啰嗦話語以及花

里胡哨的設計，因此在店招設計中要做到絕對簡潔，重要的地方突出，所以

店鋪名稱直接表明的是我心飛揚家居小店，字體加粗加大，下面是綜合體驗，

上下左右排版，層次清晰，給顧客一種視覺性的沖突。導航欄包括了七個部

分，分別是首頁、鞋柜、沙發、床具、燈具、餐桌、書架，字體為黑色，導

航欄為淡粉色。

首頁文案兩張主要的產品圖附上文案，主文案為美好生活，從家快開始，

符合本店鋪主題。而優惠券顏色為淡黃色，價格數字用鮮艷的紅色，給顧客

一種視覺的沖擊，激發顧客的購買欲望，達到交易的一種購買目標，左上角

附加文案懂生活，就要去享受生活，附帶英文字母隨后是購買商品后曬圖或

評價給顧客帶來的好處與利益，附帶文案愛生活，尋覓最美買家秀。

店鋪經營與顧客購買時呈正比的，氛圍兩個部分，第一是產品分類，在

產品分類中分為了六個產品，主要有沙發類、床具類、燈具類、餐桌類、書

架類、鞋柜類等，采后黑色加粗字體。第二是產品展示區域，有三個展示部

分床前燈熱銷推薦、臥室極力推薦、客廳熱門沙發等三個部分，每個部分擺

放三張產品圖片，用白色圓形說明產品的名稱，隨后是精致生活，愛上家的

味道的文案，總結本店商品的定位，簡約舒適，有家的味道，符合當代大多

是人的品味。隨后是商品展示部分，分為六類展示，分別是燈具類展示、原

木沙發類展示、原木床類展示、餐桌類展示、鞋柜類展示和書架類展示，將

商品充分的展示出來。

頁尾海報部分運用鮮艷的圖案，加上文案還等什么呢，抓緊搶購吧，

GOGOGO！激發顧客興趣，并隨之采取購買行動。

17

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

3.2.2產品1詳情頁文案策劃

產品的詳情頁是顧客在看見某個心儀產品后對這產品最后的了解，翻到詳

情頁可以更多方面更加細微的對該產品進行深度解析了解，從而決定該產品是

否滿足自己需要，所以詳情頁策劃也很重要。

產品詳情頁海報是圖片加上文案的展示，很隨意簡約，文案是簡約舒適款，

生活更自由；家有所靠，心有所依，突出產品舒適，有家的味道的感覺。產品

賣點分為了四個部分，進口摔紋牛皮，柔軟高彈隨心躺、北美白蠟木，質地堅

韌，稀缺珍貴、進口實木排骨架，400kg高承重力、碳素鋼床腳，堅實耐用，穩

固支撐。搭配下文文案溯源北歐再現高顏值，源于自然北歐生活美學，詳細展

示了產品賣點以及產品的特色源頭，給顧客留下深刻印象，讓顧客記憶猶新。

產品細節展示，開頭文案是細微見證精致，排版便是圖文式，介紹產品的

細微細節，展示了產品1的木制產品采用北美一級白蠟木，故而價格昂貴稀有，

展示了產品的儲存空間以及皮質采用的摔紋牛皮，細膩溫潤不悶熱，抽屜設計

平整，結實松木排骨架等，還展示了產品顏色，支持私人定制顏色和尺寸，細

節決定成敗，對于這些介紹搭配圖片更加能承托出產品的品質。產品參數運用

文字形式展示出來，隨后式尾部詳細說明了發貨、上門服務、質保、快遞、物

流、售后退貨等問題還有最后的頁尾價格說明。

3.2.3產品2詳情頁文案策劃

產品詳情頁2相對1來說文案要多一點，海報上主文案是家庭怎么宅好呢，

俏皮又可愛的視感，百搭多變風格客廳顏值大變身來介紹產品賣點，分為五個

方面，分別是66cm坐深、灰鵝毛靠包、硅膠皮可選、彈性支撐感、高檔品質舒

適松軟，接下來便是產品細節，主要分五個方便介紹，第一陷進蓬松的誘惑力，

介紹產品沙發的松軟度，不變形、透氣性好、軟彈有利，第二介紹產品的木腳，

采用白蠟木框架、實木多層板側面、科技絨布棉麻等，第三介紹沙發的背部采

用唯美的荷葉花邊，第四介紹產品的尺寸，第五便是對產品自主提問，為什么

記述沙發的深受喜愛呢，隨后附上答案，第一句適用親膚耐磨的免洗科技布面

料，第二局直擊你心靈，第三句有料填充軟中不失支撐感，第四句慵懶又有格

調的顏值。有創意吸引注意力，富含美感，層次分明，細節度量考察的很好，

有格調。隨后產品參數和入戶安裝，入戶安裝是利用圖文的形式展示出安裝細

節，詳細易懂，顧客容易接受，而頁尾跟詳情頁1一樣都是包含的六個方面，充

分展示了售后的七步曲，增加顧客對本店鋪的信任度。

18

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

4我心飛揚家居小店店鋪視覺效果制作

4.1首頁效果圖制作

在設計首頁效果圖時，首先的框架要立好，要符合店鋪定位，要充分利用

店鋪資源展示出最好的效果，使顧客滿意。店鋪首頁作為顧客看見的效果會直

接影響顧客對本店鋪的看法以及對該品牌的印象，所以店鋪不僅僅是要做好營

銷手段，還要利用好資源以及時間段充分展示商品特色。

店鋪首頁包括店招導航，海報、優惠券、產品展示、尾頁等幾方面，而在

確定店鋪主要展示區域之后，還需考慮給顧客呈現出的風格，色調以及消費人

群定位，店鋪色調主要是以淡粉色為主，白色為輔，給顧客展現的就是暖中帶

有許些格調，不僅會給顧客帶來家的感覺，還會增加不少質感，激發顧客的興

趣以及購買欲望。

4.1.1店招效果圖制作

店招部分包括店鋪名稱、店鋪logo、綜合經驗、收藏按鈕等四個方面，logo

主要是為了映襯店鋪名稱我心飛揚，所以是一雙翅膀Flying，而取名的寓意是

希望店鋪能夠一直保持初心，走向更遠更長的發展道路。綜合體驗五顆星，有

金牌賣家之稱，而消費者在購買商品選擇店鋪之前往往會看店鋪的粉絲數訂閱

數以及綜合體驗相對比較高的，這樣才會放心購買，而對于店鋪也會增加流量

以及轉化率。然后右側便是收藏店鋪的按鈕，消費者喜歡本店鋪便會點擊收藏

按鈕，成為本店會員，之后新品上新都會優惠，方便消費者購買商品。

導航底色跟店招顏色一致時淡粉色，導航欄設置了條框，增添了立體感，

字體顏色為白色，比較能鮮明突出一點，其內容包括是首頁、鞋柜、沙發、床

具、燈具、餐桌、書架，方便消費者查找自己需要的產品。

店鋪店招設計效果如圖24所示：

圖24店鋪店招設計效果

4.1.2海報效果圖制作

首頁是整個店鋪的第一形象，代表著顧客看見的第一印象，在設計海報時，

展現的效果一定是要有視覺沖擊性的，但設計理念不花里胡哨，只求簡約大氣。

圖片時店鋪主打產品之一沙發，展現它的原因是想要顧客看見之后呈現出一種

19

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

溫馨又舒適的感覺，搭配簡單文案美好生活，從家開始，以及副文案新家不將

就，趁風光正好，還有附帶的英文WHIRLPOOLHOMENEWYEAR，增加一點時尚感。

文字上下排版，主文案著重突出，增加層次感。海報還加入了云朵的小裝飾，

給人帶來一種輕松愉悅自由自在的感覺，突出重點，主次分明，色彩協調不沖

突，畫面感強。

店鋪首頁海報設計效果如圖25所示：

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

4.1.3其他區域制作

其他區域我將其分為了優惠券、產品分類區、熱銷推薦去、展示區以及頁

尾海報和返回頂部六個部分。

首頁背景主要以淡粉色為主，給顧客呈現清新淡雅的基礎上又富含了一種

活潑積極向上的視覺感。

第一是優惠券設計，其優惠券的顏色為蛋黃色，分布與左上方的文案下方

區域，排放方式個富有個性，給顧客一種新穎的感覺，而優惠券的優惠活動是

不同的，分別為購買3000元減200元、購買5000元減300元、買7000元減400元、

買9000元減500元，價格數字用比較顯眼的顏色紅色，引導顧客購買的箭頭圖標

同樣是紅色，給顧客視覺的沖擊感，吸引顧客注意力。而第二方面便是購買商

品后曬圖或評價給顧客帶來的好處與利益，一共有三個小店分別給顧客帶來30

元、35元、60元的獎勵，有利于激發顧客的購買動機。

產品分類區以圖文的形式展示出產品的類別，一共有六類產品，簡單的分

類使顧客簡明易懂。

熱銷推薦區用以圖文結合的形式，主要展示了三方面床前燈的熱銷推薦、

臥室的極力推薦以及客廳的熱門沙發推薦，每個區域展示三種不同類型賣的最

20

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

好的產品，產品邊上都上了標簽，主要顧客感興趣點擊標簽便能跳轉到購買頁

面上去，方便顧客查找所需商品。價格以及點擊購買按鈕是用以鮮艷的顏色紅

色展示，給顧客一種視覺的沖擊感，引起顧客興趣。

產品展示區就是展示了每類產品的五種產品，排列是用以圖文的形式，而

描述的文字是用于黑色字體，價格以及點擊購買的按鈕則是紅色字體，排列整

齊有層次感，一眼望去給人一種及其舒適的感覺。

最后是首頁的頁尾部分，海報以及返回頂部，海報則是紅色背景圖配上點

擊拳頭，配合文案還等什么呢，抓緊搶購吧GOGOGO!刺激顧客購買。其次就是返

回頂部，用非常簡單的形式展示出的。

21

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

我心飛揚家居小店店鋪首頁其他區域設計效果如圖26所示：

圖26首頁其他區域設計效果

22

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

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

4.2.1主副圖效果圖

產品主圖是顧客在搜索商品的過程中首先看到的圖片，給顧客帶來的直面

沖擊取決與該產品是否與顧客產生眼緣。所以在設計商品主圖是尤為重要，既

要給顧客帶來視覺沖動感，也要展現出產品的優秀品質，給店鋪品牌也帶來良

好的口碑形象。在設計產品1主圖時，以產品圖片作為背景，更能突出產品形象

特征，在桌腳上用毛筆工具打了陰影，更能突顯出商品的立體感，暖色風格溫

馨舒適，用以藍色的顏色作為文案底色，我心飛揚家具，進口摔紋牛皮，北美

一級白蠟木，字體加粗顏色為白色，直接突出產品的品牌名稱以及賣點信息，

下方便是用紅色作為文案到手價的底色邊框，文案為收藏店鋪優先發貨、大號

加粗字體3749元預售比現貨更省1折、全屋搭配購享85折，滿減再送精美禮盒，

直接展示出促銷活動，加深顧客印象，提高轉化率。

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

圖27產品1主圖設計效果

產品副圖作為產品主圖的輔助，作為補充的效果，相互補充相互連接。

產品副圖1主要是對床的各個細節進行詳細的說明，簡單用圖片展示的形式

展示出床的實木床頭和床架構造等，床頭簡約大方，線條優美，飽滿背靠，依

靠舒適，邊角打磨圓潤，安全呵護，細節展現突出，凸顯文字，使畫面有層次

23

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

感。

產品副圖2是介紹了床的儲物氣壓，不僅兩側可儲藏，床板底部也可以儲藏

衣服，被套等，設計分格區，讓家居井然有序。產品副圖3是介紹的床木板，采

用的高級實木加粗排骨架，耐磨耐腐，不易變形，不易裂開，為顧客打消許多

疑慮，直觀的對產品細節展開詳細的解釋。

產品1副圖設計效果如圖28所示：

24

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

圖28產品1副圖設計效果

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

產品1是原木雙人床，主體色調是以淡黃色為主，暖色調襯托出溫馨的既視

感，家的味道家的感覺，在每個區域完成下方會有一個分割灰色線，區分出每

個區域，便于顧客辨識，在產品細節上跟副圖表現形式是一致的，著重放大重

要展示部分，便于顧客最大化看清產品細節優勢，用文字和圖片結合展示，簡

單直接帶入，少點花里胡哨，讓消費者感受到真誠對待。隨后是產品尺寸顏色

的私人指定，有需要私人指定的便可根據這個來指定。產品參數以文字形式簡

單闡述，方便顧客理解和接受。尾頁的設定用英文字母以及中文結合形式，賣

家須知通過六部分展示，分別是發貨問題，上門服務問題，五包，質保，物流

和七天無理由退換貨問題等，良好的售后服務更加能留住顧客，增加顧客信任

度，利于達成二次交易，促進店鋪商品轉化率。

產品1詳情頁效果如圖29所示：

25

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

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

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

4.3.1主副圖效果圖制作

產品2主圖底色也是白色，左上角同主圖1一樣用藍色的矩形配以店