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

目錄

1久居家居店鋪概況...............................................1

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

1.2久居家居店鋪現狀..........................................2

2久居家居店鋪視覺營銷分析.......................................2

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

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

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

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

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

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

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

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

3久居家居店鋪視覺設計...........................................7

3.1版式設計..................................................7

3.1.1店鋪首頁版式設計....................................8

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

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

3.2文案策劃................................................17

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

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

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

4久居家居店鋪視覺效果制作......................................18

4.1店標效果圖制作...........................................18

4.2店鋪首頁效果圖制作.......................................18

4.2.1海報效果圖制作.....................................18

4.2.2優惠券效果圖制作...................................19

I

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

4.2.3產品分類區效果圖制作...............................20

4.2.4產品展示區效果圖制作...............................20

4.2.5頁尾效果圖制作.....................................21

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

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

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

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

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

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

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

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

II

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

久居家居淘寶店鋪視覺營銷方案

1久居家居店鋪概況

久居家居成立于2016年，主要是以田園家居、時尚家具、歐式家具及美式

家具等相關的配套產品銷售為主，是具有知名度的實木家具店鋪之一。久居家具

店鋪一直以“物優、價優、以人為本”的服務態度，致力于家居產品的直銷，不

斷剔除中間環節的成本，并提供豐富的產品款式選擇，承諾為客戶提供高品質的

商品、高水準的服務、最實惠的價格，希望把“環保、好看、耐用、不貴”的產

品，帶給每個渴望健康和美好的家。

1.1家居類店鋪發展現狀

家居類產品近年的銷售呈上漲趨勢，主要源于國民經濟的平穩發展以及居民

需求的提高，同時居民消費水平和消費理念也出現了一定變化，其對家具這一類

生活必須品的需求及替換需求不斷提升。加上近年來我國智能家具、定制家具的

不斷發展，我國家具產量也隨之穩定增長，影響居民消費行為的因素從以前的價

格因素發展成為品牌、質量、信譽、服務以及購物環境等綜合的因素。且隨著三

胎政策的開放刺激商品房屋的裝修和舊房裝修的需求，從而帶動家具行業的發展，

據資料顯示，截至2022年，我國家具行業營業收入為7624.1億元，同比增長

17.66%。

圖12017-2022年中國家具行業營業收入

1

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

在互聯網時代巨變的時代里，家具行業的購買方式會從傳統的線下采購轉向

線上購買。因消費主力軍主要是中青年，這類的人群的消費習慣主要以互聯網采

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

營店，其展示結構超過100頁，其中金冠店有673家，黃冠店有33044家。

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

圖2淘寶網家具搜索數據圖

1.2久居家居店鋪現狀

久居家居店鋪粉絲量為1700萬，店鋪動態評分描述相符：4.9，服務態度：

4.9，物流服務：4.9。久居家居的主營產品是實木床和餐桌，兩者的銷售量分別

為10萬+和8萬+，久居家居主推純實木家具，追求天然、安全、有生命力的100%

純實木，從源頭解決甲醛的問題，拒絕使用人造板和貼皮板。大部分的木材都是

在北美及歐洲等地區進口的高等級材料。以“產品溫度”帶動品牌溫度，為店鋪

打造忠實粉絲、形成口碑效應奠定基礎。通過優惠價格、淘寶活動、直播吸引顧

客下單購買，以優質的售后服務和產品溫度留下顧客。

2久居家居店鋪視覺營銷分析

2.1競爭對手店鋪視覺分析

分析競爭對手的店鋪，不僅能夠有利于學習吸取相關的設計風格，也是有利

于激發設計靈感，參考一些優秀的元素，利用到自身的設計中，使得店鋪的風格

更加鮮明獨特，而對于競爭店鋪的糟粕點也可以及時的避免。

2

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

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

競爭對手店鋪1視覺分析的選擇，主要是選擇和空間覺家具店鋪風格和產

品的定位相類似的店鋪，這樣更加有利借鑒優點，改善店鋪的設計。競爭對手

店鋪1的店鋪名稱為“源氏木語家具旗艦店”該店鋪的粉絲數已經高達989萬，

首頁的導航部分在設計上，選擇了以數字價格吸引消費者如：“全國200+線下

門店，家具低至5折”，并及時推出店鋪的活動。店鋪首頁分為“聚劃算活動專

區、精選新品、產品分類、特色頻道、7大色系、相關說明及店鋪保障”等7個

部分，活動專區的部分主要是以橘紅色為主色強調活動的重要性，其他部分是

以白色為主色調。產品分類和相關說明的部分利用特色的小圖標進行展示，簡

潔生動明了。在每個部分的左邊設置了一個“向左滑動”的提示塊，消費者向

左滑動就可以了解到更加多的同系產品。該店鋪在設計上主次分明，重點突

出，能讓消費者抓住重點，且圖片的畫質高清展示，更能突出產品的質感，靜

動態相結合，活力生動。

競爭對手店鋪1首頁如圖3所示：

2.1.2競爭對手店圖3競爭對手店鋪3首頁圖鋪2視覺分析

競爭對手店鋪2的店鋪名稱為“北陌家具BEMO”粉絲數有43.3萬，還有入

選平臺的“極有家”店鋪。在店鋪的設計上主要采用不同規格的矩形框架構

成，多采用上下和左右對稱構圖，視覺上有不錯的協調感，能讓消費者感受到

舒適。色彩的選擇上是選擇了和產品相近的顏色作為店鋪的主色調，協調一

致，風格分明。店鋪主要包括“拼手速搶超值等活動區、搭配推薦熱賣爆款

等推薦區、品類入口找好物、終身售后”等幾個板塊，框架清晰明了，內容豐

富。在活動專區的1件5折起做了一個翻頁的設計，較有特點能夠突出重點。在

3

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

終身售后部分主要是通過180天免責質保、三年質保、終身售后、售后客服等4

個售后保障來打消消費者的疑慮，促進訂單的轉化。

競爭對手店鋪2首頁如圖4所示：

圖4競爭對手店鋪4首頁圖

2.2店鋪視覺營銷定位分析

空間覺家具店鋪作為新店，在正式的投入運營設計之前要有明確的定位，明

確的定位會使得店鋪穩定的長期發展。營銷定位分析主要是從產品的定位分析、

消費者人群定位分析兩方向進行展示，更加明確店鋪的發展方向。

2.2.1店鋪產品定位分析

根據市場的要求及現有的資源條件來看，久居家居原木產品搶占市場有兩種

定位格局。

一是做好產品在服務上的提升，將原木產品的理念進行到底。近段時間來，

雖然家居產品隨著宏觀經濟的發展在逐步上升，但是受疫情的影響還是受到了不

少的沖擊。隨著國際社會對珍貴木材的日益嚴格的監管，原木家居產品的市場前

景仍然可觀，但其在市場中的份額可能會有所下降。然而，隨著社會生活水平的

提高，越來越多的消費者開始追求更高品質的家居體驗，而這種消費者可以從久

居家居的90%的木材來源中獲得滿足。由于原材料的高昂成本，長期生活在室內

裝飾中的人們的開銷也將不可避免地增加。

二是拓展市場份額，走平價、實惠的路線。隨著原木材料的日益稀缺，久居

4

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

家居也應該采取更加實惠的方式，大力推廣親民的原木家具。對此，多生產研發

平價原木家具產品，這對于久居家居店鋪來說，也是擴大市場占有率，提升銷量

的一個有效途徑。原木家具產品，不僅集合了環保、健康和舒適的特征，又可以

讓更多中等家庭接受產品的價格，如果店鋪宣傳得當，它肯定可以成為開拓市場

的助力。

圖6家居家裝需求人群年齡分布

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

中國家居產品的主要消費人群為80后及90后，其中最主要的還是80后，

占比51%：90后緊跟80后之后，占比33%。

根據學歷來看，家居產品市場的主要人群為本科生，主要的學歷分布是以大

專和本科為主，其中高中和碩博的學歷就占比來看較低。

家居產品的婚姻狀況人群來看，已婚一孩家庭對家居產品的需求占比比較大，

圖5家居家裝人群家庭周期分布

5

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

圖7家居家裝人群家庭周期分布

其中占比48%。

由此分析，久居家居的主要目標人群為80后或90后有一定的學歷并且已婚

的人群，他們這個人群具有一定的經濟水平，新房裝修需求量大，并且舊房改造

的也多，因此對家居產品也會有一定的需求。

2.3店鋪風格分析

通過搜索排名靠前的店鋪和相關的人群主要喜好的數據圖發現，絕大部分店

鋪是以現代簡約風格為主，主要經營的是現代家具中的原生床和梳妝桌。而久居

家居淘寶店鋪主要采用的是美式風格，現代許多家居店鋪都是現代風格，因此為

了突出久居家居店鋪在風格上的賣點，店鋪在現代風的基礎上摻雜了一些美式家

居的風格，因此美式家居大部分的原材料都是以原木為主，這正好與我們店鋪的

產品理念相結合，并且久居家居店鋪產品也是講究綠色、環保、原生態，可以將

美式風格與現代簡約風結合起來，主打原生風格類的產品。

2.4店鋪色彩分析

店鋪的色彩是一個店鋪給人的首要印象，家居類產品是人們在日常生活中接

觸比較多的一類產品，與人們的生活十分緊密，因此店鋪色彩的搭配上要能夠留

住客戶，讓客戶能夠對店鋪的產品感興趣，并且點進產品鏈接里面去。

根據家居產品的目標人群來看，主要是已婚一孩的80后或者90后，這一類

人對產品的追求大多數都是舒適為主，因此久居家居店鋪主要以淺灰色為底色，

給人一種簡約舒適的感覺，黃色和褐色為輔色，給人一種溫暖的感覺，橙色和紅

色加以點綴，增加視覺沖擊。

6

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

3久居家居店鋪視覺設計

3.1版式設計

版式設計可以傳達店鋪的信息，并且加強店鋪信息的傳達效果，增強信息的

可讀性，通過版式設計也可以使店鋪想要傳達給消費者的內容更加醒目、美觀的

讓消費者看到，久居家居店鋪主要采用左右構圖以及中心構圖進行排版，運用圖

形、圖片、字體大小以及色彩搭配來完成店鋪整體的版式設計，突出店鋪的重要

信息，整體做到給人一種舒適簡約的感覺，吸引消費者對店鋪的商品的興趣。

7

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

3.1.1店鋪首頁版式設計

店鋪首頁的版式設計是店鋪的招牌，它給消費者留下的印象極為重要，一個

好的店鋪首頁版式設計才能吸引更多的消費者有興趣去瀏覽店鋪的產品，吸引到

一些潛在消費者給店鋪產生一個好的印象，在以后有需求的時候能夠想到這個店

鋪，在店鋪首頁的設計中主要包括幾個區域：店招（logo）、搜索欄、導航欄、

全屏海報、優惠券、熱銷爆款區、新品速遞區、熱門分類區、產品展示區和尾部

這十個區域。首頁版式設計圖8所示：

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

店鋪的店招部分左邊主要由logo和店鋪名組成，logo設計主要是以店鋪經

營的產品緊密相關，能夠使顧客在看到logo的就清晰的明白店鋪所經營的產品；

圖8首頁版式設計圖

8

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

緊挨著logo部分的右側放入店鋪名稱。右側是一個店鋪搜索框，如果顧客有明

確的需求的話就可以直接在搜索框進行搜索，使消費者能夠高效，精準的找到店

鋪的商品。導航區放在店招下方，按店鋪經營總體大類水平放置，根據消費者的

視覺習慣設計，便于選擇需求產品。

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

首頁海報設計主要采用了中心中心型布局方式，以一個以場景化為背景來凸

顯主產品在生活中的作用，能夠起到一定的場景化營銷作用，并且在上面覆蓋一

層透明度比較低的淺灰色底色，這樣就與店鋪首頁的整體色彩相結合了，也能突

圖9店招及導航欄版式設計圖

顯出重要信息部分，再用一些圖形作為裝飾，增加視覺上的沖擊力。

優惠券設計部分主要采用矩形框作為基本的框架，對于優惠的金額也采用加

大處理，突出了優惠的力度，再添加立即領取的按鈕引導顧客領取券從而促進下

單。優惠券下面還設計了滿多少元送產品的活動，促就消費者湊單購買。

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

圖10店招及導航欄版式設計圖

優惠券領取之后下面就進入到了產品區域了，產品區域的展示主要是為了更

好的展示店鋪的產品，刺激目標群體下單，提升店鋪的轉化率。下面第一個產品

區域是熱銷爆款區域，熱銷爆款區主要是將一些銷量比較好的產品放在這里，為

顧客提供更好的選擇，消費者都會有一種隨從心理，看到銷量這么好就會有一種

點進去看看的沖動，從而促進交易，吸引更多的目標群體。熱銷爆款的展示設計

圖，主要采用的是左右構圖的方法，左右構圖相呼應，形成協調統一的視覺效果，

將圖形和產品圖結合在一起，并且文案采用了大小結合的方式，重點突出產品的

重要信息，使重點信息一目了然，讓消費者一眼就能主要產品賣點。并且有引導

9

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

購買按鈕，誘導消費者購買。

產品熱銷爆款區的版式設計圖如圖11所示：

圖11熱銷爆款版式設計圖

產品的新品速遞主要向消費者展示店鋪的一些新品，增加一些新品的銷量。

這一個模塊的版式設計和熱銷爆款采用的是同一種形式的排版，增加了整體的協

調性，是整體的版式設計看起來更加具有一體化。

新品速遞區域版式設計圖如圖12所示：

第三個模塊是產品分類區，產品分類區主要有5個模塊，分為餐廳、客廳、

臥室、書房和更多優品，這樣分類主要是為了讓消費者能夠更好的找到自己滿意

圖12新品速遞版式設計圖

的以及需要的產品。

10

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

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

其后是產品展示區，其目的是為了展示更多的產品，展示一些具有代表性的

產品，讓消費者能夠看到我們店鋪不同種類的產品，促進消費者進行點擊下單。

產品展示區采用的也是左右構圖。

圖15尾部版式設計圖

圖13熱門分類區版式

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

首頁版式設計圖的尾部為了照應這個店鋪整體簡約的風格，因此尾部也設計

的比較簡約，由一些圖形和文字組成。

尾部版式設計圖如圖15所示：

圖14產品展示區版式設計圖

11

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

3.1.2產品1詳情頁版式設計

詳情頁決定著店鋪是否能夠提高轉化率，因此店鋪產品是否能夠交易成功的

關鍵因素是寶貝詳情頁。好的詳情頁要觸碰消費者的痛點，引起消費者的購買欲

望，要設計符合店鋪的消費者人群的定位特點。

產品1詳情頁版式設計圖主要包括：首頁海報、產品賣點、產品信息、產品

展示、細節展示、支付配送和售后信息七個區域。

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

頁頭海報在設計的時候采用了產品1的產品場景圖搭配文字的形式展示，介

紹了產品的風格，搭配場景化的文字，能夠直擊消費者的需求，體現了產品的場

景化應用。

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

12

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

產品1頁頭海報設計版式設計圖如圖17所示：

產品賣點主要是從產品特有的賣點進行展示，吸引消費者進行購買。文字主

要采用了左對齊的方式進行排版，產品圖主要是場景化的圖片，帶入消費者到場

景中去看看產品的應用效果。

圖17產品1頁頭海報版式設計圖

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

圖18產品1的產品賣點版式設計圖

產品信息主要描述產品的一些詳細的參數，采用了左右及上下結構進行排版，

13

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

讓顧客更加清晰的了解產品的各個方面的信息。

產品1的產品信息版式設計圖如圖19所示：

產品展示區主要展示了產品在日常場景中的應用，以及可以給消費者帶來的

圖19產品1產品信息版式設計圖

便利，給消費者看到產品的更多的層面。在此處展示可以間接的加深消費者對此

產品的感受，且在頁面也圖文結合的方式進行了直接的說明。

產品1產品展示區如圖20所示：

產品的細節展示主要展示產品的原材料的展示，以及一些做得好的方面的細

圖20產品1產品展示區版式設計圖

14

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

節展示，讓消費者更加相信店鋪的產品。并且以圖文結合的方式向消費者展示了

產品在一些細節上的處理。

產品1細節展示如圖21所示：

家居產品在線上進行售賣主要是要解決產品后續的配送和安裝的問題，因此

圖21產品1細節展示版式設計圖

在這個方面特地進行了描述，向消費者介紹了售后的一些安裝和配送的問題，解

決了一些消費者的顧慮，促進其進行下單購買。

產品支付配送及售后信息版式設計圖如圖22所示：

圖22產品1支付配送及售后信息版式設計圖

15

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

3.1.3產品2詳情頁版式設計

產品2的詳情頁版式設計圖和詳情1的版式設計圖主要展示的環節上是一樣

的，但是在一些細節處理上會有些許的不同。主要體現在構圖的上的展示。產品

2的詳情頁的區域和產品1是一樣的主要包括：首頁海報、產品賣點、產品信息、

產品展示、細節展示、支付配送和售后信息七個區域。

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

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

16

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

產品2主要采用的構圖的方式，大體上與產品1采用的是相同的方式，具

體的參照產品1的詳細介紹就可以了。

3.2文案策劃

對于店鋪來說，產品的文案決定了消費者對產品的定義，一個有特色的產品

文案才能夠引起消費者的注意，形成消費群體。

3.2.1店鋪首頁文案策劃

首頁的文案設計是店鋪是否經營好的核心，首頁文案設計主要包括店招區域、

導航區域、首頁海報區域、產品區域這幾個區域的文案策劃。

首頁海報文案和活動區文案的設計時，主要是起到促進消費的作用，海報的

主要文案“簡約家裝”主要體現了店鋪的整體風格就是簡約現代風，并且“楷模

正品家居，100%實木品質”體現了店鋪的產品質量與材質，店鋪的產品都是采用

的實木材質，讓消費者更加信任我們的產品，讓我們的產品給消費者留下一個環

保、綠色的產品觀念。首頁的優惠券領取的區域的文案策劃，主要是體現了優惠

的力度，促進消費者購買更多的產品。首頁的產品展示區文案策劃，主要體現了

產品的主要賣點，讓消費者對我們的產品有個大致的印象，并且吸引消費者點擊

進去查看詳情。

3.2.2產品1詳情頁文案策劃

產品的詳情頁是消費者看到主圖或者產品的首頁產生興趣之后來到的頁面

在詳情頁中需要不斷強調該產品的優勢與特色,利用好文案和視覺效果，促進下

單，提高產品的轉化率。

產品1的詳情頁文案策劃主要是根據產品的場景化以及產品的特點來寫的，

把賣點用優美的語言表達出來，將消費者帶入情景中。

產品細節展示中的文案主要是實事求是，將產品的細節介紹給消費者，讓大

家能夠了解產品的更多信息。產品的一級文案進行總結，后面進行補充說明，例

如“加強排骨架，稱重加強”其后便進行補充“使用布條將實木條連接在一起，

寬厚用料，稱重優越出色”，這樣能夠更加明了的將產品細節展示給顧客，這樣

能夠放大產品的細節，讓他成為產品的賣點，讓消費者對我們的產品放心。

3.2.3產品2詳情頁文案策劃

產品2的詳情頁文案策劃主要從產品的材料出發突出產品的特點，拉近與顧

客的關系,建立熟悉感，直接傳遞產品想要傳達的信息，體現產品的價值。

產品賣點主要是根據店鋪的消費者人群定位和產品本身的特色提煉出的，包

17

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

括健康環保、精致工藝、高檔品質、高端材質、加寬穩固五個方面，直擊消費者

的痛點，促進下單。產品展示部分是直接對產品的細節進行說明，更加直觀的接

觸了解產品，打消消費者的顧慮。

4久居家居店鋪視覺效果制作

4.1店標效果圖制作

店鋪的店招部分主要包括LOGO、店鋪名、店鋪名稱的英文樣式、搜索框以

及導航欄。LOGO主要是對店鋪產品類型的體現，即店鋪買的產品是什么；店鋪

名稱直接表明是什么類型的店鋪，即家居類店鋪；店內搜索框可以讓消費者在明

確自己的需求的時候可以直接搜索自己想要的產品；導航欄是按照消費者的購物

習慣對產品進行了分類，以便消費者進行瀏覽。

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

圖24店鋪店招效果圖

4.2店鋪首頁效果圖制作

首頁是店鋪形象展示的窗口，其效果的好壞直接影響到店鋪品牌宣傳以及買

家體驗，最后仍是影響店鋪的轉化率。首先在設計之前要對基本的框架有明確構

思，要確定每個部分應該展示的產品，充分利用好黃金展位，促進商品的下單。

店鋪首頁設計構成包括：店招導航、海報圖、產品展示以及底部四大要素必不可

少，還添加了便于用戶尋找到目標產品的產品分類區這部分還包括促進店鋪轉化

率的活動區。

在明確了店鋪分區設計分類之后，色彩的選擇也是需要考慮認真思慮的，色

彩搭配可以起到良好的營銷的作用，在設計首頁時，要了解產品市場上的消費人

群，自身要有個清晰的市場定位。根據人群消費特點和產品內容確立店鋪的色調，

從而建立店鋪的品牌風格，久居家居店鋪采用的是以淺灰色為背景色，體現出產

品的風格即現代簡約風，以褐色作為強調色，使用的都是暖色調，給消費者一種

舒適溫暖的感覺，提供了一種氛圍。

4.2.1海報效果圖制作

首頁海報是一個店鋪視覺核心，體現著店鋪整體的色調。現如今店鋪都是推

出全屏海報，視覺效果沖擊也更強烈。真正讓人有眼前一亮的感覺也是通過其首

頁海報體現的，可以在海報上放上最重要的信息，展開產品的推薦，盡充分吸引

18

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

消費者的視線，體現店鋪品牌風格。

在設計海報時，整體設計的選擇的是場景化的中心構圖搭配不同字號的文案，

產生一定視覺沖擊效果。場景化的營銷是指在特定的場景中的心理狀態或者是需

求下產生的營銷行為，一張場景化的圖片，會使消費者腦海中浮現餐桌在自己家

中的畫面，刺激消費者的潛需求，從而達到海報促單的目的；并且在海報中通過

一些圖形增加視覺沖擊力，讓消費者產生購買的欲望。

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

圖25首頁海報

4.2.2優惠券效果圖制作

優惠券主要是為了拉新、促活、增加訂單成交量、回饋用戶、補償用戶等目

的而使用的營銷手段，采用了黃色的矩形框，這樣在整個首頁的效果圖中就可以

起到一個強調的效果，分別設置了100、200、300元不同門檻的優惠券，優惠金

額采用了最大的字體，并且字體采用了白色，優惠券下方還設置了滿多少元送禮

品的活動，促就消費者湊單購買。

優惠券效果圖如圖26所示：

圖26優惠券效果展示圖

19

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

4.2.3產品分類區效果圖制作

產品分類區是根據店內產品所適應的場景所劃分的，主要分成了餐廳、客廳、

臥室、書房以及其他優品五大類別，消費者可以根據自所需的類別點擊進去查看

更多的產品。產品分類區采用的是一些具有代表性的產品圖，然后在產品圖的上

面覆蓋一個透明度比較低的黑色矩形，再在矩形上寫出分類的類別，這樣就可以

突出分類，也不會讓文案變得突兀。

產品分類效果圖如圖27所示：

圖27產品分類效果圖

4.2.4產品展示區效果圖制作

產品展示區域主要展示了一些熱銷爆款和新品以及一些人氣比較高的產品，

通過不同層次的文案描述，以及圖形結合，讓消費者能夠了解到我們產品的賣點，

并且在每個產品的旁邊都會放置引導按鈕，引導消費者購買查看寶貝，提高產品

轉化率。

產品展示區域效果如圖28所示：

20

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

圖28產品展示效果圖

4.2.5頁尾效果圖制作

在頁尾的部分，整個設計就比較簡約，考慮到我們店鋪的首頁制作的整體風

格，因此在頁尾的部分就采用了一些圖形，放在一起就好像磚塊砌成的一面墻一

樣，家就是用一個一個的磚塊砌成的，這正好呼應了我們的產品，然后尾部還有

一個返回首頁的按鈕，便于消費者瀏覽。

頁尾效果圖如圖29所示：

圖27頁尾效果圖

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

產品主圖是一個產品的櫥窗，在搜索結果中是顧客的第一印象，所以主圖上

顯示的內容尤為重要。在產品主圖上顯示的內容是激發用戶點擊進入店鋪的影響

因素。產品1制作的是一個實木床的產品，床是家居類產品最主要的銷售產品之

一，他的詳情頁也主要是讓消費者能夠了解到更多的產品信息。

4.3.1主副圖效果圖制作

主圖是在平臺上最先展示給消費者的圖片，所以要想吸引消費者，不僅要展

示圖片、賣點、價格還要整體設計具有強有力的吸引力。因此在主圖上采用了一

些優惠活動，用棕色和深棕色為底色，字體白色，突出強調價格和活動的優惠，

采用限時優惠的活動刺激消費者。并且用一個白色的矩形為底色，標明“廠家直

銷，免費送貨到家包安裝”，打消消費者的疑慮，促進消費者點擊查看。產品圖

片選用的是一張場景化的床，給人一種溫暖舒適的感覺，把人帶入場中去。

21

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

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

圖28產品1主圖

三張副圖主要是展示產品的其他重要信息，主要對產品的材料特征以及儲物

功能進行闡述，展現出我們產品的優點，對產品的總體樣式進行展示。

產品1副圖如圖31、圖32、圖33所示：

圖29產品1副圖1

22

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

圖31產品1副圖3

圖30產品1副圖2

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

產品1的詳情頁主要是以白色為底色，灰色為輔助色，主要體現了簡約風，

讓產品給人一種很寧靜的感覺，圖形結合，突出了產品的一些特色賣點、產品細

節以及一些場景搭配。細節展示主要是展示了產品的材質、加厚的床幫和加強的

排骨架，體現了產品超強的稱重能力和結實穩重的性能以及材質的品質，使消費

者更加信賴我們的產品。

產品1詳情頁如圖34所示：

23

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

24