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

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

目錄

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

1.1家居類店鋪發(fā)展現(xiàn)狀........................................1

1.2久居家居店鋪現(xiàn)狀..........................................2

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

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺分析......................................2

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1視覺分析..............................2

2.1.2競(jìng)爭(zhēng)對(duì)手店鋪2視覺分析.............................3

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

2.2.1店鋪產(chǎn)品定位分析....................................4

2.2.2店鋪消費(fèi)者人群定位分析..............................5

2.3店鋪風(fēng)格分析..............................................6

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

3久居家居店鋪視覺設(shè)計(jì)...........................................7

3.1版式設(shè)計(jì)..................................................7

3.1.1店鋪首頁版式設(shè)計(jì)....................................8

3.1.2產(chǎn)品1詳情頁版式設(shè)計(jì)...............................12

3.1.3產(chǎn)品2詳情頁版式設(shè)計(jì)...............................16

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

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

3.2.2產(chǎn)品1詳情頁文案策劃...............................17

3.2.3產(chǎn)品2詳情頁文案策劃...............................17

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

4.1店標(biāo)效果圖制作...........................................18

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

4.2.1海報(bào)效果圖制作.....................................18

4.2.2優(yōu)惠券效果圖制作...................................19

I

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.2.3產(chǎn)品分類區(qū)效果圖制作...............................20

4.2.4產(chǎn)品展示區(qū)效果圖制作...............................20

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

4.3產(chǎn)品1詳情頁效果圖制作..................................21

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

4.3.2產(chǎn)品1詳情頁效果圖制作.............................23

4.4產(chǎn)品2詳情效果圖制作....................................26

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

4.4.2產(chǎn)品2詳情頁效果圖制作.............................28

5總結(jié)..........................................................29

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

II

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

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

1久居家居店鋪概況

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

家具等相關(guān)的配套產(chǎn)品銷售為主，是具有知名度的實(shí)木家具店鋪之一。久居家具

店鋪一直以“物優(yōu)、價(jià)優(yōu)、以人為本”的服務(wù)態(tài)度，致力于家居產(chǎn)品的直銷，不

斷剔除中間環(huán)節(jié)的成本，并提供豐富的產(chǎn)品款式選擇，承諾為客戶提供高品質(zhì)的

商品、高水準(zhǔn)的服務(wù)、最實(shí)惠的價(jià)格，希望把“環(huán)保、好看、耐用、不貴”的產(chǎn)

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

1.1家居類店鋪發(fā)展現(xiàn)狀

家居類產(chǎn)品近年的銷售呈上漲趨勢(shì)，主要源于國民經(jīng)濟(jì)的平穩(wěn)發(fā)展以及居民

需求的提高，同時(shí)居民消費(fèi)水平和消費(fèi)理念也出現(xiàn)了一定變化，其對(duì)家具這一類

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

不斷發(fā)展，我國家具產(chǎn)量也隨之穩(wěn)定增長，影響居民消費(fèi)行為的因素從以前的價(jià)

格因素發(fā)展成為品牌、質(zhì)量、信譽(yù)、服務(wù)以及購物環(huán)境等綜合的因素。且隨著三

胎政策的開放刺激商品房屋的裝修和舊房裝修的需求，從而帶動(dòng)家具行業(yè)的發(fā)展，

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

17.66%。

圖12017-2022年中國家具行業(yè)營業(yè)收入

1

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

在互聯(lián)網(wǎng)時(shí)代巨變的時(shí)代里，家具行業(yè)的購買方式會(huì)從傳統(tǒng)的線下采購轉(zhuǎn)向

線上購買。因消費(fèi)主力軍主要是中青年，這類的人群的消費(fèi)習(xí)慣主要以互聯(lián)網(wǎng)采

購為主，以淘寶網(wǎng)站為例，對(duì)“家具”關(guān)鍵詞進(jìn)行搜索，相關(guān)店鋪就有432689在

營店，其展示結(jié)構(gòu)超過100頁，其中金冠店有673家，黃冠店有33044家。

淘寶網(wǎng)家具搜索數(shù)據(jù)圖如圖2所示：

圖2淘寶網(wǎng)家具搜索數(shù)據(jù)圖

1.2久居家居店鋪現(xiàn)狀

久居家居店鋪粉絲量為1700萬，店鋪動(dòng)態(tài)評(píng)分描述相符：4.9，服務(wù)態(tài)度：

4.9，物流服務(wù)：4.9。久居家居的主營產(chǎn)品是實(shí)木床和餐桌，兩者的銷售量分別

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

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

在北美及歐洲等地區(qū)進(jìn)口的高等級(jí)材料。以“產(chǎn)品溫度”帶動(dòng)品牌溫度，為店鋪

打造忠實(shí)粉絲、形成口碑效應(yīng)奠定基礎(chǔ)。通過優(yōu)惠價(jià)格、淘寶活動(dòng)、直播吸引顧

客下單購買，以優(yōu)質(zhì)的售后服務(wù)和產(chǎn)品溫度留下顧客。

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

2.1競(jìng)爭(zhēng)對(duì)手店鋪視覺分析

分析競(jìng)爭(zhēng)對(duì)手的店鋪，不僅能夠有利于學(xué)習(xí)吸取相關(guān)的設(shè)計(jì)風(fēng)格，也是有利

于激發(fā)設(shè)計(jì)靈感，參考一些優(yōu)秀的元素，利用到自身的設(shè)計(jì)中，使得店鋪的風(fēng)格

更加鮮明獨(dú)特，而對(duì)于競(jìng)爭(zhēng)店鋪的糟粕點(diǎn)也可以及時(shí)的避免。

2

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

2.1.1競(jìng)爭(zhēng)對(duì)手店鋪1視覺分析

競(jìng)爭(zhēng)對(duì)手店鋪1視覺分析的選擇，主要是選擇和空間覺家具店鋪風(fēng)格和產(chǎn)

品的定位相類似的店鋪，這樣更加有利借鑒優(yōu)點(diǎn)，改善店鋪的設(shè)計(jì)。競(jìng)爭(zhēng)對(duì)手

店鋪1的店鋪名稱為“源氏木語家具旗艦店”該店鋪的粉絲數(shù)已經(jīng)高達(dá)989萬，

首頁的導(dǎo)航部分在設(shè)計(jì)上，選擇了以數(shù)字價(jià)格吸引消費(fèi)者如：“全國200+線下

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

區(qū)、精選新品、產(chǎn)品分類、特色頻道、7大色系、相關(guān)說明及店鋪保障”等7個(gè)

部分，活動(dòng)專區(qū)的部分主要是以橘紅色為主色強(qiáng)調(diào)活動(dòng)的重要性，其他部分是

以白色為主色調(diào)。產(chǎn)品分類和相關(guān)說明的部分利用特色的小圖標(biāo)進(jìn)行展示，簡(jiǎn)

潔生動(dòng)明了。在每個(gè)部分的左邊設(shè)置了一個(gè)“向左滑動(dòng)”的提示塊，消費(fèi)者向

左滑動(dòng)就可以了解到更加多的同系產(chǎn)品。該店鋪在設(shè)計(jì)上主次分明，重點(diǎn)突

出，能讓消費(fèi)者抓住重點(diǎn)，且圖片的畫質(zhì)高清展示，更能突出產(chǎn)品的質(zhì)感，靜

動(dòng)態(tài)相結(jié)合，活力生動(dòng)。

競(jìng)爭(zhēng)對(duì)手店鋪1首頁如圖3所示：

2.1.2競(jìng)爭(zhēng)對(duì)手店圖3競(jìng)爭(zhēng)對(duì)手店鋪3首頁圖鋪2視覺分析

競(jìng)爭(zhēng)對(duì)手店鋪2的店鋪名稱為“北陌家具BEMO”粉絲數(shù)有43.3萬，還有入

選平臺(tái)的“極有家”店鋪。在店鋪的設(shè)計(jì)上主要采用不同規(guī)格的矩形框架構(gòu)

成，多采用上下和左右對(duì)稱構(gòu)圖，視覺上有不錯(cuò)的協(xié)調(diào)感，能讓消費(fèi)者感受到

舒適。色彩的選擇上是選擇了和產(chǎn)品相近的顏色作為店鋪的主色調(diào)，協(xié)調(diào)一

致，風(fēng)格分明。店鋪主要包括“拼手速搶超值等活動(dòng)區(qū)、搭配推薦熱賣爆款

等推薦區(qū)、品類入口找好物、終身售后”等幾個(gè)板塊，框架清晰明了，內(nèi)容豐

富。在活動(dòng)專區(qū)的1件5折起做了一個(gè)翻頁的設(shè)計(jì)，較有特點(diǎn)能夠突出重點(diǎn)。在

3

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

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

個(gè)售后保障來打消消費(fèi)者的疑慮，促進(jìn)訂單的轉(zhuǎn)化。

競(jìng)爭(zhēng)對(duì)手店鋪2首頁如圖4所示：

圖4競(jìng)爭(zhēng)對(duì)手店鋪4首頁圖

2.2店鋪視覺營銷定位分析

空間覺家具店鋪?zhàn)鳛樾碌?，在正式的投入運(yùn)營設(shè)計(jì)之前要有明確的定位，明

確的定位會(huì)使得店鋪穩(wěn)定的長期發(fā)展。營銷定位分析主要是從產(chǎn)品的定位分析、

消費(fèi)者人群定位分析兩方向進(jìn)行展示，更加明確店鋪的發(fā)展方向。

2.2.1店鋪產(chǎn)品定位分析

根據(jù)市場(chǎng)的要求及現(xiàn)有的資源條件來看，久居家居原木產(chǎn)品搶占市場(chǎng)有兩種

定位格局。

一是做好產(chǎn)品在服務(wù)上的提升，將原木產(chǎn)品的理念進(jìn)行到底。近段時(shí)間來，

雖然家居產(chǎn)品隨著宏觀經(jīng)濟(jì)的發(fā)展在逐步上升，但是受疫情的影響還是受到了不

少的沖擊。隨著國際社會(huì)對(duì)珍貴木材的日益嚴(yán)格的監(jiān)管，原木家居產(chǎn)品的市場(chǎng)前

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

提高，越來越多的消費(fèi)者開始追求更高品質(zhì)的家居體驗(yàn)，而這種消費(fèi)者可以從久

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

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

二是拓展市場(chǎng)份額，走平價(jià)、實(shí)惠的路線。隨著原木材料的日益稀缺，久居

4

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

家居也應(yīng)該采取更加實(shí)惠的方式，大力推廣親民的原木家具。對(duì)此，多生產(chǎn)研發(fā)

平價(jià)原木家具產(chǎn)品，這對(duì)于久居家居店鋪來說，也是擴(kuò)大市場(chǎng)占有率，提升銷量

的一個(gè)有效途徑。原木家具產(chǎn)品，不僅集合了環(huán)保、健康和舒適的特征，又可以

讓更多中等家庭接受產(chǎn)品的價(jià)格，如果店鋪宣傳得當(dāng)，它肯定可以成為開拓市場(chǎng)

的助力。

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

2.2.2店鋪消費(fèi)者人群定位分析

中國家居產(chǎn)品的主要消費(fèi)人群為80后及90后，其中最主要的還是80后，

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

根據(jù)學(xué)歷來看，家居產(chǎn)品市場(chǎng)的主要人群為本科生，主要的學(xué)歷分布是以大

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

家居產(chǎn)品的婚姻狀況人群來看，已婚一孩家庭對(duì)家居產(chǎn)品的需求占比比較大，

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

5

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

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

其中占比48%。

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

的人群，他們這個(gè)人群具有一定的經(jīng)濟(jì)水平，新房裝修需求量大，并且舊房改造

的也多，因此對(duì)家居產(chǎn)品也會(huì)有一定的需求。

2.3店鋪風(fēng)格分析

通過搜索排名靠前的店鋪和相關(guān)的人群主要喜好的數(shù)據(jù)圖發(fā)現(xiàn)，絕大部分店

鋪是以現(xiàn)代簡(jiǎn)約風(fēng)格為主，主要經(jīng)營的是現(xiàn)代家具中的原生床和梳妝桌。而久居

家居淘寶店鋪主要采用的是美式風(fēng)格，現(xiàn)代許多家居店鋪都是現(xiàn)代風(fēng)格，因此為

了突出久居家居店鋪在風(fēng)格上的賣點(diǎn)，店鋪在現(xiàn)代風(fēng)的基礎(chǔ)上摻雜了一些美式家

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

產(chǎn)品理念相結(jié)合，并且久居家居店鋪產(chǎn)品也是講究綠色、環(huán)保、原生態(tài)，可以將

美式風(fēng)格與現(xiàn)代簡(jiǎn)約風(fēng)結(jié)合起來，主打原生風(fēng)格類的產(chǎn)品。

2.4店鋪色彩分析

店鋪的色彩是一個(gè)店鋪給人的首要印象，家居類產(chǎn)品是人們?cè)谌粘Ｉ钪薪?/p>

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

住客戶，讓客戶能夠?qū)Φ赇伒漠a(chǎn)品感興趣，并且點(diǎn)進(jìn)產(chǎn)品鏈接里面去。

根據(jù)家居產(chǎn)品的目標(biāo)人群來看，主要是已婚一孩的80后或者90后，這一類

人對(duì)產(chǎn)品的追求大多數(shù)都是舒適為主，因此久居家居店鋪主要以淺灰色為底色，

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

色加以點(diǎn)綴，增加視覺沖擊。

6

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3久居家居店鋪視覺設(shè)計(jì)

3.1版式設(shè)計(jì)

版式設(shè)計(jì)可以傳達(dá)店鋪的信息，并且加強(qiáng)店鋪信息的傳達(dá)效果，增強(qiáng)信息的

可讀性，通過版式設(shè)計(jì)也可以使店鋪想要傳達(dá)給消費(fèi)者的內(nèi)容更加醒目、美觀的

讓消費(fèi)者看到，久居家居店鋪主要采用左右構(gòu)圖以及中心構(gòu)圖進(jìn)行排版，運(yùn)用圖

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

信息，整體做到給人一種舒適簡(jiǎn)約的感覺，吸引消費(fèi)者對(duì)店鋪的商品的興趣。

7

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.1.1店鋪首頁版式設(shè)計(jì)

店鋪首頁的版式設(shè)計(jì)是店鋪的招牌，它給消費(fèi)者留下的印象極為重要，一個(gè)

好的店鋪首頁版式設(shè)計(jì)才能吸引更多的消費(fèi)者有興趣去瀏覽店鋪的產(chǎn)品，吸引到

一些潛在消費(fèi)者給店鋪產(chǎn)生一個(gè)好的印象，在以后有需求的時(shí)候能夠想到這個(gè)店

鋪，在店鋪首頁的設(shè)計(jì)中主要包括幾個(gè)區(qū)域：店招（logo）、搜索欄、導(dǎo)航欄、

全屏海報(bào)、優(yōu)惠券、熱銷爆款區(qū)、新品速遞區(qū)、熱門分類區(qū)、產(chǎn)品展示區(qū)和尾部

這十個(gè)區(qū)域。首頁版式設(shè)計(jì)圖8所示：

由首頁版式設(shè)計(jì)圖，結(jié)合店鋪對(duì)各部分細(xì)節(jié)設(shè)計(jì)進(jìn)行說明。

店鋪的店招部分左邊主要由logo和店鋪名組成，logo設(shè)計(jì)主要是以店鋪經(jīng)

營的產(chǎn)品緊密相關(guān)，能夠使顧客在看到logo的就清晰的明白店鋪所經(jīng)營的產(chǎn)品；

圖8首頁版式設(shè)計(jì)圖

8

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

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

確的需求的話就可以直接在搜索框進(jìn)行搜索，使消費(fèi)者能夠高效，精準(zhǔn)的找到店

鋪的商品。導(dǎo)航區(qū)放在店招下方，按店鋪經(jīng)營總體大類水平放置，根據(jù)消費(fèi)者的

視覺習(xí)慣設(shè)計(jì)，便于選擇需求產(chǎn)品。

店招、導(dǎo)航版式設(shè)計(jì)如圖9所示：

首頁海報(bào)設(shè)計(jì)主要采用了中心中心型布局方式，以一個(gè)以場(chǎng)景化為背景來凸

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

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

圖9店招及導(dǎo)航欄版式設(shè)計(jì)圖

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

優(yōu)惠券設(shè)計(jì)部分主要采用矩形框作為基本的框架，對(duì)于優(yōu)惠的金額也采用加

大處理，突出了優(yōu)惠的力度，再添加立即領(lǐng)取的按鈕引導(dǎo)顧客領(lǐng)取券從而促進(jìn)下

單。優(yōu)惠券下面還設(shè)計(jì)了滿多少元送產(chǎn)品的活動(dòng)，促就消費(fèi)者湊單購買。

優(yōu)惠券版式設(shè)計(jì)如圖10所示：

圖10店招及導(dǎo)航欄版式設(shè)計(jì)圖

優(yōu)惠券領(lǐng)取之后下面就進(jìn)入到了產(chǎn)品區(qū)域了，產(chǎn)品區(qū)域的展示主要是為了更

好的展示店鋪的產(chǎn)品，刺激目標(biāo)群體下單，提升店鋪的轉(zhuǎn)化率。下面第一個(gè)產(chǎn)品

區(qū)域是熱銷爆款區(qū)域，熱銷爆款區(qū)主要是將一些銷量比較好的產(chǎn)品放在這里，為

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

點(diǎn)進(jìn)去看看的沖動(dòng)，從而促進(jìn)交易，吸引更多的目標(biāo)群體。熱銷爆款的展示設(shè)計(jì)

圖，主要采用的是左右構(gòu)圖的方法，左右構(gòu)圖相呼應(yīng)，形成協(xié)調(diào)統(tǒng)一的視覺效果，

將圖形和產(chǎn)品圖結(jié)合在一起，并且文案采用了大小結(jié)合的方式，重點(diǎn)突出產(chǎn)品的

重要信息，使重點(diǎn)信息一目了然，讓消費(fèi)者一眼就能主要產(chǎn)品賣點(diǎn)。并且有引導(dǎo)

9

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

購買按鈕，誘導(dǎo)消費(fèi)者購買。

產(chǎn)品熱銷爆款區(qū)的版式設(shè)計(jì)圖如圖11所示：

圖11熱銷爆款版式設(shè)計(jì)圖

產(chǎn)品的新品速遞主要向消費(fèi)者展示店鋪的一些新品，增加一些新品的銷量。

這一個(gè)模塊的版式設(shè)計(jì)和熱銷爆款采用的是同一種形式的排版，增加了整體的協(xié)

調(diào)性，是整體的版式設(shè)計(jì)看起來更加具有一體化。

新品速遞區(qū)域版式設(shè)計(jì)圖如圖12所示：

第三個(gè)模塊是產(chǎn)品分類區(qū)，產(chǎn)品分類區(qū)主要有5個(gè)模塊，分為餐廳、客廳、

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

圖12新品速遞版式設(shè)計(jì)圖

的以及需要的產(chǎn)品。

10

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

產(chǎn)品熱門分類區(qū)版式設(shè)計(jì)如圖13所示：

其后是產(chǎn)品展示區(qū)，其目的是為了展示更多的產(chǎn)品，展示一些具有代表性的

產(chǎn)品，讓消費(fèi)者能夠看到我們店鋪不同種類的產(chǎn)品，促進(jìn)消費(fèi)者進(jìn)行點(diǎn)擊下單。

產(chǎn)品展示區(qū)采用的也是左右構(gòu)圖。

圖15尾部版式設(shè)計(jì)圖

圖13熱門分類區(qū)版式

產(chǎn)品展示區(qū)版式設(shè)計(jì)如圖14所示：

首頁版式設(shè)計(jì)圖的尾部為了照應(yīng)這個(gè)店鋪整體簡(jiǎn)約的風(fēng)格，因此尾部也設(shè)計(jì)

的比較簡(jiǎn)約，由一些圖形和文字組成。

尾部版式設(shè)計(jì)圖如圖15所示：

圖14產(chǎn)品展示區(qū)版式設(shè)計(jì)圖

11

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.1.2產(chǎn)品1詳情頁版式設(shè)計(jì)

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

關(guān)鍵因素是寶貝詳情頁。好的詳情頁要觸碰消費(fèi)者的痛點(diǎn)，引起消費(fèi)者的購買欲

望，要設(shè)計(jì)符合店鋪的消費(fèi)者人群的定位特點(diǎn)。

產(chǎn)品1詳情頁版式設(shè)計(jì)圖主要包括：首頁海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、產(chǎn)品

展示、細(xì)節(jié)展示、支付配送和售后信息七個(gè)區(qū)域。

產(chǎn)品1詳情頁版式設(shè)計(jì)圖如圖16所示：

頁頭海報(bào)在設(shè)計(jì)的時(shí)候采用了產(chǎn)品1的產(chǎn)品場(chǎng)景圖搭配文字的形式展示，介

紹了產(chǎn)品的風(fēng)格，搭配場(chǎng)景化的文字，能夠直擊消費(fèi)者的需求，體現(xiàn)了產(chǎn)品的場(chǎng)

景化應(yīng)用。

圖16產(chǎn)品1詳情頁版式設(shè)計(jì)圖

12

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

產(chǎn)品1頁頭海報(bào)設(shè)計(jì)版式設(shè)計(jì)圖如圖17所示：

產(chǎn)品賣點(diǎn)主要是從產(chǎn)品特有的賣點(diǎn)進(jìn)行展示，吸引消費(fèi)者進(jìn)行購買。文字主

要采用了左對(duì)齊的方式進(jìn)行排版，產(chǎn)品圖主要是場(chǎng)景化的圖片，帶入消費(fèi)者到場(chǎng)

景中去看看產(chǎn)品的應(yīng)用效果。

圖17產(chǎn)品1頁頭海報(bào)版式設(shè)計(jì)圖

產(chǎn)品賣點(diǎn)版式設(shè)計(jì)圖如圖18所示：

圖18產(chǎn)品1的產(chǎn)品賣點(diǎn)版式設(shè)計(jì)圖

產(chǎn)品信息主要描述產(chǎn)品的一些詳細(xì)的參數(shù)，采用了左右及上下結(jié)構(gòu)進(jìn)行排版，

13

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

讓顧客更加清晰的了解產(chǎn)品的各個(gè)方面的信息。

產(chǎn)品1的產(chǎn)品信息版式設(shè)計(jì)圖如圖19所示：

產(chǎn)品展示區(qū)主要展示了產(chǎn)品在日常場(chǎng)景中的應(yīng)用，以及可以給消費(fèi)者帶來的

圖19產(chǎn)品1產(chǎn)品信息版式設(shè)計(jì)圖

便利，給消費(fèi)者看到產(chǎn)品的更多的層面。在此處展示可以間接的加深消費(fèi)者對(duì)此

產(chǎn)品的感受，且在頁面也圖文結(jié)合的方式進(jìn)行了直接的說明。

產(chǎn)品1產(chǎn)品展示區(qū)如圖20所示：

產(chǎn)品的細(xì)節(jié)展示主要展示產(chǎn)品的原材料的展示，以及一些做得好的方面的細(xì)

圖20產(chǎn)品1產(chǎn)品展示區(qū)版式設(shè)計(jì)圖

14

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

節(jié)展示，讓消費(fèi)者更加相信店鋪的產(chǎn)品。并且以圖文結(jié)合的方式向消費(fèi)者展示了

產(chǎn)品在一些細(xì)節(jié)上的處理。

產(chǎn)品1細(xì)節(jié)展示如圖21所示：

家居產(chǎn)品在線上進(jìn)行售賣主要是要解決產(chǎn)品后續(xù)的配送和安裝的問題，因此

圖21產(chǎn)品1細(xì)節(jié)展示版式設(shè)計(jì)圖

在這個(gè)方面特地進(jìn)行了描述，向消費(fèi)者介紹了售后的一些安裝和配送的問題，解

決了一些消費(fèi)者的顧慮，促進(jìn)其進(jìn)行下單購買。

產(chǎn)品支付配送及售后信息版式設(shè)計(jì)圖如圖22所示：

圖22產(chǎn)品1支付配送及售后信息版式設(shè)計(jì)圖

15

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

3.1.3產(chǎn)品2詳情頁版式設(shè)計(jì)

產(chǎn)品2的詳情頁版式設(shè)計(jì)圖和詳情1的版式設(shè)計(jì)圖主要展示的環(huán)節(jié)上是一樣

的，但是在一些細(xì)節(jié)處理上會(huì)有些許的不同。主要體現(xiàn)在構(gòu)圖的上的展示。產(chǎn)品

2的詳情頁的區(qū)域和產(chǎn)品1是一樣的主要包括：首頁海報(bào)、產(chǎn)品賣點(diǎn)、產(chǎn)品信息、

產(chǎn)品展示、細(xì)節(jié)展示、支付配送和售后信息七個(gè)區(qū)域。

產(chǎn)品2詳情頁版式設(shè)計(jì)圖如圖23所示：

圖23產(chǎn)品2詳情頁版式設(shè)計(jì)圖

16

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

產(chǎn)品2主要采用的構(gòu)圖的方式，大體上與產(chǎn)品1采用的是相同的方式，具

體的參照產(chǎn)品1的詳細(xì)介紹就可以了。

3.2文案策劃

對(duì)于店鋪來說，產(chǎn)品的文案決定了消費(fèi)者對(duì)產(chǎn)品的定義，一個(gè)有特色的產(chǎn)品

文案才能夠引起消費(fèi)者的注意，形成消費(fèi)群體。

3.2.1店鋪首頁文案策劃

首頁的文案設(shè)計(jì)是店鋪是否經(jīng)營好的核心，首頁文案設(shè)計(jì)主要包括店招區(qū)域、

導(dǎo)航區(qū)域、首頁海報(bào)區(qū)域、產(chǎn)品區(qū)域這幾個(gè)區(qū)域的文案策劃。

首頁海報(bào)文案和活動(dòng)區(qū)文案的設(shè)計(jì)時(shí)，主要是起到促進(jìn)消費(fèi)的作用，海報(bào)的

主要文案“簡(jiǎn)約家裝”主要體現(xiàn)了店鋪的整體風(fēng)格就是簡(jiǎn)約現(xiàn)代風(fēng)，并且“楷模

正品家居，100%實(shí)木品質(zhì)”體現(xiàn)了店鋪的產(chǎn)品質(zhì)量與材質(zhì)，店鋪的產(chǎn)品都是采用

的實(shí)木材質(zhì)，讓消費(fèi)者更加信任我們的產(chǎn)品，讓我們的產(chǎn)品給消費(fèi)者留下一個(gè)環(huán)

保、綠色的產(chǎn)品觀念。首頁的優(yōu)惠券領(lǐng)取的區(qū)域的文案策劃，主要是體現(xiàn)了優(yōu)惠

的力度，促進(jìn)消費(fèi)者購買更多的產(chǎn)品。首頁的產(chǎn)品展示區(qū)文案策劃，主要體現(xiàn)了

產(chǎn)品的主要賣點(diǎn)，讓消費(fèi)者對(duì)我們的產(chǎn)品有個(gè)大致的印象，并且吸引消費(fèi)者點(diǎn)擊

進(jìn)去查看詳情。

3.2.2產(chǎn)品1詳情頁文案策劃

產(chǎn)品的詳情頁是消費(fèi)者看到主圖或者產(chǎn)品的首頁產(chǎn)生興趣之后來到的頁面

在詳情頁中需要不斷強(qiáng)調(diào)該產(chǎn)品的優(yōu)勢(shì)與特色,利用好文案和視覺效果，促進(jìn)下

單，提高產(chǎn)品的轉(zhuǎn)化率。

產(chǎn)品1的詳情頁文案策劃主要是根據(jù)產(chǎn)品的場(chǎng)景化以及產(chǎn)品的特點(diǎn)來寫的，

把賣點(diǎn)用優(yōu)美的語言表達(dá)出來，將消費(fèi)者帶入情景中。

產(chǎn)品細(xì)節(jié)展示中的文案主要是實(shí)事求是，將產(chǎn)品的細(xì)節(jié)介紹給消費(fèi)者，讓大

家能夠了解產(chǎn)品的更多信息。產(chǎn)品的一級(jí)文案進(jìn)行總結(jié)，后面進(jìn)行補(bǔ)充說明，例

如“加強(qiáng)排骨架，稱重加強(qiáng)”其后便進(jìn)行補(bǔ)充“使用布條將實(shí)木條連接在一起，

寬厚用料，稱重優(yōu)越出色”，這樣能夠更加明了的將產(chǎn)品細(xì)節(jié)展示給顧客，這樣

能夠放大產(chǎn)品的細(xì)節(jié)，讓他成為產(chǎn)品的賣點(diǎn)，讓消費(fèi)者對(duì)我們的產(chǎn)品放心。

3.2.3產(chǎn)品2詳情頁文案策劃

產(chǎn)品2的詳情頁文案策劃主要從產(chǎn)品的材料出發(fā)突出產(chǎn)品的特點(diǎn)，拉近與顧

客的關(guān)系,建立熟悉感，直接傳遞產(chǎn)品想要傳達(dá)的信息，體現(xiàn)產(chǎn)品的價(jià)值。

產(chǎn)品賣點(diǎn)主要是根據(jù)店鋪的消費(fèi)者人群定位和產(chǎn)品本身的特色提煉出的，包

17

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

括健康環(huán)保、精致工藝、高檔品質(zhì)、高端材質(zhì)、加寬穩(wěn)固五個(gè)方面，直擊消費(fèi)者

的痛點(diǎn)，促進(jìn)下單。產(chǎn)品展示部分是直接對(duì)產(chǎn)品的細(xì)節(jié)進(jìn)行說明，更加直觀的接

觸了解產(chǎn)品，打消消費(fèi)者的顧慮。

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

4.1店標(biāo)效果圖制作

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

及導(dǎo)航欄。LOGO主要是對(duì)店鋪產(chǎn)品類型的體現(xiàn)，即店鋪買的產(chǎn)品是什么；店鋪

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

確自己的需求的時(shí)候可以直接搜索自己想要的產(chǎn)品；導(dǎo)航欄是按照消費(fèi)者的購物

習(xí)慣對(duì)產(chǎn)品進(jìn)行了分類，以便消費(fèi)者進(jìn)行瀏覽。

店鋪店招設(shè)計(jì)效果圖如圖24所示：

圖24店鋪店招效果圖

4.2店鋪首頁效果圖制作

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

家體驗(yàn)，最后仍是影響店鋪的轉(zhuǎn)化率。首先在設(shè)計(jì)之前要對(duì)基本的框架有明確構(gòu)

思，要確定每個(gè)部分應(yīng)該展示的產(chǎn)品，充分利用好黃金展位，促進(jìn)商品的下單。

店鋪首頁設(shè)計(jì)構(gòu)成包括：店招導(dǎo)航、海報(bào)圖、產(chǎn)品展示以及底部四大要素必不可

少，還添加了便于用戶尋找到目標(biāo)產(chǎn)品的產(chǎn)品分類區(qū)這部分還包括促進(jìn)店鋪轉(zhuǎn)化

率的活動(dòng)區(qū)。

在明確了店鋪分區(qū)設(shè)計(jì)分類之后，色彩的選擇也是需要考慮認(rèn)真思慮的，色

彩搭配可以起到良好的營銷的作用，在設(shè)計(jì)首頁時(shí)，要了解產(chǎn)品市場(chǎng)上的消費(fèi)人

群，自身要有個(gè)清晰的市場(chǎng)定位。根據(jù)人群消費(fèi)特點(diǎn)和產(chǎn)品內(nèi)容確立店鋪的色調(diào)，

從而建立店鋪的品牌風(fēng)格，久居家居店鋪采用的是以淺灰色為背景色，體現(xiàn)出產(chǎn)

品的風(fēng)格即現(xiàn)代簡(jiǎn)約風(fēng)，以褐色作為強(qiáng)調(diào)色，使用的都是暖色調(diào)，給消費(fèi)者一種

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

4.2.1海報(bào)效果圖制作

首頁海報(bào)是一個(gè)店鋪視覺核心，體現(xiàn)著店鋪整體的色調(diào)?，F(xiàn)如今店鋪都是推

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

頁海報(bào)體現(xiàn)的，可以在海報(bào)上放上最重要的信息，展開產(chǎn)品的推薦，盡充分吸引

18

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

消費(fèi)者的視線，體現(xiàn)店鋪品牌風(fēng)格。

在設(shè)計(jì)海報(bào)時(shí)，整體設(shè)計(jì)的選擇的是場(chǎng)景化的中心構(gòu)圖搭配不同字號(hào)的文案，

產(chǎn)生一定視覺沖擊效果。場(chǎng)景化的營銷是指在特定的場(chǎng)景中的心理狀態(tài)或者是需

求下產(chǎn)生的營銷行為，一張場(chǎng)景化的圖片，會(huì)使消費(fèi)者腦海中浮現(xiàn)餐桌在自己家

中的畫面，刺激消費(fèi)者的潛需求，從而達(dá)到海報(bào)促單的目的；并且在海報(bào)中通過

一些圖形增加視覺沖擊力，讓消費(fèi)者產(chǎn)生購買的欲望。

首頁海報(bào)效果圖如圖25所示：

圖25首頁海報(bào)

4.2.2優(yōu)惠券效果圖制作

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

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

起到一個(gè)強(qiáng)調(diào)的效果，分別設(shè)置了100、200、300元不同門檻的優(yōu)惠券，優(yōu)惠金

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

品的活動(dòng)，促就消費(fèi)者湊單購買。

優(yōu)惠券效果圖如圖26所示：

圖26優(yōu)惠券效果展示圖

19

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

4.2.3產(chǎn)品分類區(qū)效果圖制作

產(chǎn)品分類區(qū)是根據(jù)店內(nèi)產(chǎn)品所適應(yīng)的場(chǎng)景所劃分的，主要分成了餐廳、客廳、

臥室、書房以及其他優(yōu)品五大類別，消費(fèi)者可以根據(jù)自所需的類別點(diǎn)擊進(jìn)去查看

更多的產(chǎn)品。產(chǎn)品分類區(qū)采用的是一些具有代表性的產(chǎn)品圖，然后在產(chǎn)品圖的上

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

突出分類，也不會(huì)讓文案變得突兀。

產(chǎn)品分類效果圖如圖27所示：

圖27產(chǎn)品分類效果圖

4.2.4產(chǎn)品展示區(qū)效果圖制作

產(chǎn)品展示區(qū)域主要展示了一些熱銷爆款和新品以及一些人氣比較高的產(chǎn)品，

通過不同層次的文案描述，以及圖形結(jié)合，讓消費(fèi)者能夠了解到我們產(chǎn)品的賣點(diǎn)，

并且在每個(gè)產(chǎn)品的旁邊都會(huì)放置引導(dǎo)按鈕，引導(dǎo)消費(fèi)者購買查看寶貝，提高產(chǎn)品

轉(zhuǎn)化率。

產(chǎn)品展示區(qū)域效果如圖28所示：

20

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖28產(chǎn)品展示效果圖

4.2.5頁尾效果圖制作

在頁尾的部分，整個(gè)設(shè)計(jì)就比較簡(jiǎn)約，考慮到我們店鋪的首頁制作的整體風(fēng)

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

樣，家就是用一個(gè)一個(gè)的磚塊砌成的，這正好呼應(yīng)了我們的產(chǎn)品，然后尾部還有

一個(gè)返回首頁的按鈕，便于消費(fèi)者瀏覽。

頁尾效果圖如圖29所示：

圖27頁尾效果圖

4.3產(chǎn)品1詳情頁效果圖制作

產(chǎn)品主圖是一個(gè)產(chǎn)品的櫥窗，在搜索結(jié)果中是顧客的第一印象，所以主圖上

顯示的內(nèi)容尤為重要。在產(chǎn)品主圖上顯示的內(nèi)容是激發(fā)用戶點(diǎn)擊進(jìn)入店鋪的影響

因素。產(chǎn)品1制作的是一個(gè)實(shí)木床的產(chǎn)品，床是家居類產(chǎn)品最主要的銷售產(chǎn)品之

一，他的詳情頁也主要是讓消費(fèi)者能夠了解到更多的產(chǎn)品信息。

4.3.1主副圖效果圖制作

主圖是在平臺(tái)上最先展示給消費(fèi)者的圖片，所以要想吸引消費(fèi)者，不僅要展

示圖片、賣點(diǎn)、價(jià)格還要整體設(shè)計(jì)具有強(qiáng)有力的吸引力。因此在主圖上采用了一

些優(yōu)惠活動(dòng)，用棕色和深棕色為底色，字體白色，突出強(qiáng)調(diào)價(jià)格和活動(dòng)的優(yōu)惠，

采用限時(shí)優(yōu)惠的活動(dòng)刺激消費(fèi)者。并且用一個(gè)白色的矩形為底色，標(biāo)明“廠家直

銷，免費(fèi)送貨到家包安裝”，打消消費(fèi)者的疑慮，促進(jìn)消費(fèi)者點(diǎn)擊查看。產(chǎn)品圖

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

21

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

產(chǎn)品1主圖設(shè)計(jì)效果圖如圖30所示：

圖28產(chǎn)品1主圖

三張副圖主要是展示產(chǎn)品的其他重要信息，主要對(duì)產(chǎn)品的材料特征以及儲(chǔ)物

功能進(jìn)行闡述，展現(xiàn)出我們產(chǎn)品的優(yōu)點(diǎn)，對(duì)產(chǎn)品的總體樣式進(jìn)行展示。

產(chǎn)品1副圖如圖31、圖32、圖33所示：

圖29產(chǎn)品1副圖1

22

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

圖31產(chǎn)品1副圖3

圖30產(chǎn)品1副圖2

4.3.2產(chǎn)品1詳情頁效果圖制作

產(chǎn)品1的詳情頁主要是以白色為底色，灰色為輔助色，主要體現(xiàn)了簡(jiǎn)約風(fēng)，

讓產(chǎn)品給人一種很寧靜的感覺，圖形結(jié)合，突出了產(chǎn)品的一些特色賣點(diǎn)、產(chǎn)品細(xì)

節(jié)以及一些場(chǎng)景搭配。細(xì)節(jié)展示主要是展示了產(chǎn)品的材質(zhì)、加厚的床幫和加強(qiáng)的

排骨架，體現(xiàn)了產(chǎn)品超強(qiáng)的稱重能力和結(jié)實(shí)穩(wěn)重的性能以及材質(zhì)的品質(zhì)，使消費(fèi)

者更加信賴我們的產(chǎn)品。

產(chǎn)品1詳情頁如圖34所示：

23

湖南商務(wù)職業(yè)技術(shù)學(xué)院畢業(yè)設(shè)計(jì)

24