禾豆淘寶店鋪視覺營銷設(shè)計(jì)方案

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

目錄

1禾豆淘寶店鋪概況..................................................1

1.1農(nóng)產(chǎn)品類店鋪發(fā)展現(xiàn)狀.........................................1

1.2禾豆淘寶店鋪發(fā)展現(xiàn)狀.........................................2

2禾豆店鋪視覺營銷分析..............................................2

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

2.1.1店鋪產(chǎn)品定位分析.......................................3

2.1.2消費(fèi)者人群定位分析.....................................3

2.2店鋪風(fēng)格分析.................................................3

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

3禾豆店鋪視覺設(shè)計(jì)..................................................4

3.1店鋪版式設(shè)計(jì).................................................4

3.1.1首頁版式設(shè)計(jì)...........................................4

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

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

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

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

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

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

4禾豆店鋪視覺效果制作.............................................11

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

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

4.1.2海報(bào)效果圖制作........................................12

4.1.3優(yōu)惠券效果圖制作......................................13

4.1.4分類區(qū)效果圖制作......................................13

4.1.5展示區(qū)效果圖制作......................................13

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

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

I

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

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

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

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

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

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

參考資料............................................................20

II

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

禾豆淘寶店鋪視覺營銷設(shè)計(jì)方案

1禾豆淘寶店鋪概況

禾豆成立于2023年，產(chǎn)品目標(biāo)客戶人群為健身人群，養(yǎng)生人群，職場人，

個(gè)人及家庭成員等。以米類，谷類，薯類，豆類等農(nóng)產(chǎn)品為主要銷售。從店鋪

名稱也不難看出本店鋪經(jīng)營經(jīng)營的主要產(chǎn)品?！昂潭埂敝械暮淌呛堂?，禾苗成

熟之后是稻谷或麥子,這些都是五谷雜糧。禾豆中的豆指豆類。禾豆也有深層含

義，以農(nóng)作物的生長寓意著小孩吃了我家店鋪的健康產(chǎn)品能夠茁壯成長，也希

望大家的事業(yè)都能夠蒸蒸日上。店鋪名稱簡介且樸實(shí)，令人有購買的欲望。某

些產(chǎn)品是日常生活中必不可缺的東西。店鋪以無公害農(nóng)產(chǎn)品,綠色食品,有機(jī)農(nóng)

產(chǎn)品口感好,質(zhì)量佳的產(chǎn)品優(yōu)勢來增加粉絲粘性。

1.1農(nóng)產(chǎn)品類店鋪發(fā)展現(xiàn)狀

隨著生活水平的提高，網(wǎng)絡(luò)的發(fā)展，各行各業(yè)都開啟了線上銷售模式。農(nóng)

產(chǎn)品也不例外，一部分傳統(tǒng)商家向線上銷售進(jìn)軍，通過對農(nóng)產(chǎn)品在網(wǎng)上銷售的

過程分析，發(fā)現(xiàn)我國農(nóng)產(chǎn)品電商分銷渠道多樣化，根據(jù)農(nóng)產(chǎn)品銷售商使用電商

平臺(tái)的銷售方式,可以分為三種分銷渠道：第三方電商平臺(tái)、獨(dú)立農(nóng)產(chǎn)品電商平

臺(tái)和自媒體平臺(tái)。淘寶，京東，唯品會(huì)屬于第三方電商平臺(tái).唯品會(huì)、京東。而

淘寶相對于唯品會(huì)京東來說是比較適合開農(nóng)產(chǎn)品店鋪的。以淘寶網(wǎng)為例，對關(guān)

鍵詞農(nóng)產(chǎn)品進(jìn)行搜索，我們可以看到目前農(nóng)產(chǎn)品店鋪的個(gè)數(shù)相關(guān)的店鋪有5446

家，見圖1：

圖1農(nóng)產(chǎn)品店鋪的個(gè)數(shù)

淘寶店鋪占據(jù)淘寶網(wǎng)店鋪大比例有51698家,如圖2所示。

圖2農(nóng)產(chǎn)品淘寶店鋪個(gè)數(shù)

1

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

淘寶店好評率在99%以上的達(dá)33084家,占據(jù)淘寶店農(nóng)產(chǎn)品63.99%，如圖三：

圖3淘寶店好評率

農(nóng)產(chǎn)品銷售占比見圖四：

圖4農(nóng)產(chǎn)品部分銷售額

1.2禾豆淘寶店鋪發(fā)展現(xiàn)狀

作為一家農(nóng)產(chǎn)品新開店鋪，本店鋪從店鋪裝修，產(chǎn)品質(zhì)量，客戶服務(wù)，售

后服務(wù)四方面盡量做到讓買家滿意的程度。店鋪主要以售賣原生態(tài)不加工豆類，

薯類，谷類為主。產(chǎn)品綠色無害，健康有保障。作為一家新開的店鋪，我們的

產(chǎn)品單價(jià)不高，店鋪目標(biāo)用戶人群廣泛。店鋪先通過分析這幾類的產(chǎn)品的點(diǎn)擊

率轉(zhuǎn)化率等對店鋪主推產(chǎn)品做出合理的變化。

2禾豆店鋪視覺營銷分析

2

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

調(diào)查市場，從銷售量排名靠前的店鋪去估測消費(fèi)者的喜好去初步設(shè)計(jì)出一

個(gè)店鋪的裝修風(fēng)格，從風(fēng)格，色彩，定位等方面去設(shè)計(jì)。

2.1店鋪視覺營銷定位分析

整個(gè)店鋪分成四個(gè)模塊，店標(biāo)，店鋪首頁，產(chǎn)品詳情頁，產(chǎn)品主副圖。店

標(biāo)作為店面標(biāo)識(shí)的圖形記號(hào)，可以引發(fā)消費(fèi)者產(chǎn)生商品聯(lián)想，我們店鋪的店標(biāo)

采取文字和圖片結(jié)合，文字“禾豆”清晰明了的告知消費(fèi)者店鋪是經(jīng)營農(nóng)產(chǎn)品

類目的。圖片是稻穗插畫，使得店標(biāo)更加的生動(dòng)。圖文結(jié)合使得店鋪的經(jīng)營類

目更加的突出，也可以讓消費(fèi)者更好的記住店鋪。店鋪首頁包含了宣傳海報(bào)區(qū)，

滿減活動(dòng)區(qū)，產(chǎn)品分類區(qū)，新品專區(qū)?？偠灾?，這幾個(gè)模塊大部分都是圍繞

產(chǎn)品來的，我們通過店鋪產(chǎn)品定位分析，店鋪消費(fèi)者人群定位分析，店鋪風(fēng)格

分析和店鋪色彩分析來解讀店鋪。

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

淘寶上農(nóng)產(chǎn)品店鋪個(gè)數(shù)很多，名列前茅肯定是有多方面因素的原因的，從

當(dāng)中挑選一些做的好的店鋪進(jìn)行分析，像一些不加工原生態(tài)農(nóng)產(chǎn)品的店鋪，這

其中一些數(shù)據(jù)可以作為我們店鋪的參考。但是目前來看，本店鋪主要的貨源還

是一些豆類和米類等，店鋪產(chǎn)品定位也考慮到了自身的條件限制。從市場數(shù)據(jù)

和自身限制，來為店鋪?zhàn)隽顺醪降亩ㄎ弧?/p>

2.1.2消費(fèi)者人群定位分析

既然是在淘寶開店鋪進(jìn)行銷售，首先店鋪消費(fèi)者是要會(huì)網(wǎng)絡(luò)購物的人群，

而隨著網(wǎng)絡(luò)普及度越來越廣，其實(shí)也是一個(gè)有利現(xiàn)象。店鋪主要的消費(fèi)定位人

群是剛進(jìn)入社會(huì)的人，上班族，養(yǎng)生人士等，因?yàn)榈赇佷N售的是未經(jīng)加工原生

態(tài)的農(nóng)產(chǎn)品，所以價(jià)格比開袋即食加工過的農(nóng)產(chǎn)品要更加的實(shí)惠，一般有家庭

的男士（女士）和未剛進(jìn)入社會(huì)的學(xué)生會(huì)由于產(chǎn)品價(jià)格實(shí)惠且口感佳而持續(xù)選

擇我們店鋪的產(chǎn)品，我們店鋪想實(shí)現(xiàn)的不是消費(fèi)者的一次性交易，而是一個(gè)持

續(xù)性交易。

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

店鋪經(jīng)營的是農(nóng)產(chǎn)品，我們的農(nóng)產(chǎn)品是不經(jīng)過額外加工的原產(chǎn)品，所以將

店鋪裝修成一種實(shí)惠親民的促銷效果。農(nóng)產(chǎn)品的品牌眾多，品質(zhì)存在差異，中

國農(nóng)業(yè)是以小規(guī)模，分散種植的小農(nóng)經(jīng)濟(jì)為主，企業(yè)和農(nóng)戶資源很難有效整合，

3

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

導(dǎo)致國內(nèi)同種農(nóng)產(chǎn)品品牌分散，各自為營，標(biāo)準(zhǔn)化程度低，品質(zhì)參差不齊。這

就說明了其實(shí)農(nóng)產(chǎn)品店鋪風(fēng)格不一，質(zhì)量也是參差不齊。本店鋪經(jīng)營農(nóng)產(chǎn)品，

對農(nóng)產(chǎn)品顏色，口味，形狀等描述向消費(fèi)者表達(dá)清楚。簡便的圖文的結(jié)合不會(huì)

讓消費(fèi)者感到任何不適感。

2.3店鋪色彩分析

整個(gè)店鋪的色系是以黃色，紅色，綠色色系為主，黃色綠色也正是我們店

鋪主打農(nóng)產(chǎn)品的自身顏色，而且綠色給人的感覺是無添加，干凈，衛(wèi)生。黃色

則給人的感覺是陽光溫暖。首頁，詳情頁，店標(biāo)等色系都是比較協(xié)調(diào)統(tǒng)一的，

就不會(huì)給人一種雜亂感，也不會(huì)讓消費(fèi)者多看幾分鐘店鋪的寶貝產(chǎn)品而感到眼

花繚亂。色系采取的也是偏暖調(diào)，讓消費(fèi)者再逛店鋪的同時(shí)不會(huì)心煩意亂。

3禾豆店鋪視覺設(shè)計(jì)

店鋪的視覺設(shè)計(jì)在消費(fèi)者購買產(chǎn)品起到了關(guān)鍵性的作用，消費(fèi)者不能親眼

見到，摸到產(chǎn)品，唯一能夠讓消費(fèi)者了解產(chǎn)品的就是寶貝詳情頁，首頁，主副

圖等，讓這些影響消費(fèi)者購買的視覺因素怎樣做到協(xié)調(diào)而不凌亂呢，這就需要

先為店鋪?zhàn)龊靡粋€(gè)整體的大局效果。版式設(shè)計(jì)與文案策劃發(fā)揮了巨大的作用。

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

對于淘寶各個(gè)產(chǎn)品類目而言，版式設(shè)計(jì)無疑都很重要，版式設(shè)計(jì)的好與不

好，都會(huì)影響一個(gè)客戶的購買欲望的。在版式設(shè)計(jì)中，我們需要理清店鋪哪個(gè)

地方要放文字，哪個(gè)位置要放圖片。需要想清楚店鋪要做的風(fēng)格。首頁版式需

要考慮到店鋪?zhàn)龅哪男┗顒?dòng)，詳情頁版式設(shè)計(jì)需要想好對產(chǎn)品進(jìn)行哪方面的描

述。

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

一個(gè)店鋪的首頁就相當(dāng)于一個(gè)實(shí)體店的門面，其影響與產(chǎn)品的詳情描述不

相上下，店鋪首頁裝修的好壞會(huì)直接影響客戶的購物體驗(yàn)和店鋪的轉(zhuǎn)化率，首

頁版式的設(shè)計(jì)對于首頁如何裝修則顯得格外重要。一個(gè)店鋪需要有一個(gè)好的布

局，而這個(gè)布局的效果我們則用版式圖來顯示。首頁版式設(shè)計(jì)圖中店鋪將店標(biāo)

放在了首頁頂部的左上方，產(chǎn)品導(dǎo)航我們則是占據(jù)了頂部區(qū)域的一大部分范圍。

產(chǎn)品導(dǎo)航后面放依次產(chǎn)品海報(bào)，滿減活動(dòng)，產(chǎn)品分類，新品分類，幾大區(qū)域。

首頁版式設(shè)計(jì)如圖5所示：

4

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

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

店招包含了店標(biāo)和導(dǎo)航，店鋪名稱則放置在了店標(biāo)的旁邊，本店鋪導(dǎo)航包

含了所有產(chǎn)品，活動(dòng)專區(qū)，新品專區(qū)，這3類是大部分消費(fèi)者常關(guān)注的專區(qū)，

所以本店在導(dǎo)航上設(shè)置了這3個(gè)專區(qū)。不設(shè)置過多的專區(qū)也是為了不讓消費(fèi)者

5

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

眼花繚亂。

店招、導(dǎo)航區(qū)域版式設(shè)計(jì)如圖6所示：

圖6店招、導(dǎo)航區(qū)域版式設(shè)計(jì)

滿減活動(dòng)專區(qū)我們主要放置的是優(yōu)惠券，兩種類型的優(yōu)惠券，3張不同金額

的優(yōu)惠券外加一張分享裂變?nèi)?，吸引消費(fèi)者點(diǎn)擊領(lǐng)取，滿減優(yōu)惠券可能會(huì)有部

分消費(fèi)者為了達(dá)到領(lǐng)取優(yōu)惠券的金額而從店鋪購買他們認(rèn)為需要儲(chǔ)存的產(chǎn)品。

分享裂變?nèi)瘎t是消費(fèi)者達(dá)到100金額并分享給幾個(gè)好友就可以領(lǐng)取20元。消費(fèi)

者分享給他人，實(shí)際上也是幫我們引流了，我們不止單純的靠淘寶官方引流，

還可以設(shè)置一些店鋪活動(dòng)給消費(fèi)者一定的好處來吸引消費(fèi)者主動(dòng)幫店鋪引流。

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

圖7優(yōu)惠券版式設(shè)計(jì)

產(chǎn)品分類本店鋪放了6類專區(qū)在這一區(qū)域，6個(gè)矩形框，左文右圖，且每個(gè)

矩形框里面設(shè)置了進(jìn)入按鈕鏈接，顏色需要比較鮮明，可以讓消費(fèi)者精準(zhǔn)的點(diǎn)

擊到按鈕而跳轉(zhuǎn)到另一頁面。

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

圖8產(chǎn)品分類區(qū)域版式設(shè)計(jì)

新品專區(qū)擺放了4張產(chǎn)品圖片，按上下各兩張圖片擺放，4張產(chǎn)品圖片下面

寫產(chǎn)品名稱和產(chǎn)品的價(jià)格，讓消費(fèi)者不需要點(diǎn)進(jìn)產(chǎn)品詳情頁就可以提前了解到

6

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

產(chǎn)品的價(jià)格。

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

圖9新品專區(qū)版式設(shè)計(jì)

立減專區(qū)將3種產(chǎn)品的折扣，滿減都寫了出來，吸引消費(fèi)者下單，立減專

區(qū)區(qū)域版式設(shè)計(jì)如圖10所示：

圖10立減專區(qū)版式設(shè)計(jì)

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

詳情頁是客戶最簡單直接了解產(chǎn)品的區(qū)域，在店鋪轉(zhuǎn)化率中起到了關(guān)鍵性

的作用，詳情頁曉知以情動(dòng)之以理刺激消費(fèi)者的購買欲，產(chǎn)品1詳情頁主要包

含了情景海報(bào)，產(chǎn)品賣點(diǎn)，產(chǎn)品細(xì)節(jié)，產(chǎn)品信息以及產(chǎn)品常見的食用方法。產(chǎn)

品1詳情頁版式設(shè)計(jì)如圖11所示：

7

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

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

情景海報(bào)的采取上文下圖的布局，圖片與文字也是高度的融洽，兩張圖片

之間也是有聯(lián)系的，很和諧統(tǒng)一質(zhì)樸，用農(nóng)民伯伯的手捧著產(chǎn)品，用勺子勺著

8

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

產(chǎn)品?？梢哉{(diào)動(dòng)消費(fèi)者的情緒，勾起消費(fèi)者購買欲望。

產(chǎn)品賣點(diǎn)是采取的是上文下圖的結(jié)構(gòu)，文字概括了圖片所要表達(dá)的內(nèi)容，

簡單而又顯得合理。本店鋪的產(chǎn)品來源于東北，利用所處的位置，我們將產(chǎn)品

的環(huán)境作為了賣點(diǎn)，產(chǎn)品不管如何宣傳，他的品質(zhì)是最重要的，而產(chǎn)地是決定

品質(zhì)的一個(gè)因素。文案重點(diǎn)去描述本店鋪產(chǎn)品生存的環(huán)境。讓消費(fèi)者了解到我

們店鋪產(chǎn)品的好。產(chǎn)品細(xì)節(jié)模塊放置了兩張產(chǎn)品圖片以及描述產(chǎn)品的分級(jí)文案。

產(chǎn)品信息中矩形框里說明了產(chǎn)品名稱，產(chǎn)品規(guī)格，以及保質(zhì)期和產(chǎn)地。矩形框

的左端放了產(chǎn)品的漫畫形象，顯得俏皮點(diǎn)。常見食用方法中店鋪放了4種黃豆

可以制作的經(jīng)典菜品，并且有文字作為解析。

產(chǎn)品信息，產(chǎn)品細(xì)節(jié)，產(chǎn)品賣點(diǎn)版式設(shè)計(jì)如圖12所示：

圖12產(chǎn)品信息，產(chǎn)品細(xì)節(jié)，產(chǎn)品賣點(diǎn)版式設(shè)計(jì)

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

產(chǎn)品2詳情頁包含了情景海報(bào)，產(chǎn)品賣點(diǎn)，產(chǎn)品信息，產(chǎn)品細(xì)節(jié)這4個(gè)模

塊是店鋪認(rèn)為最應(yīng)該出現(xiàn)在本產(chǎn)品詳情頁里的。情景海報(bào)，類似于上文下圖的

結(jié)構(gòu)，產(chǎn)品賣點(diǎn)類似于左圖右文與左文右圖的布局，很好的在和諧的基礎(chǔ)上增

加了創(chuàng)意性。一張產(chǎn)品細(xì)節(jié)圖配上與之搭配的描述產(chǎn)品文案，一張整體圖配上

與消費(fèi)者所關(guān)注的健康文案勾起消費(fèi)者的情感共鳴。產(chǎn)品信息介紹了產(chǎn)品的名

稱，凈含量以及口感等。詳情二版式設(shè)計(jì)如圖13所示：

9

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

圖13詳情二版式設(shè)計(jì)

3.2店鋪文案策劃

文案對一個(gè)店鋪的經(jīng)營是至關(guān)重要的，文案是向消費(fèi)者傳達(dá)產(chǎn)品的重要方

10

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

式，對提高店鋪的轉(zhuǎn)化率有無法替代的效果。店鋪首頁，產(chǎn)品詳情頁均有文案。

3.2.1首頁文案策劃

首頁文案店鋪在海報(bào)，滿減活動(dòng)，產(chǎn)品分類，新品專區(qū)都有體現(xiàn)。店標(biāo)的

旁邊放的是店鋪名稱，位于一個(gè)很明顯開頭的地方，讓消費(fèi)者可以一眼就看到。

導(dǎo)航區(qū)的“所有產(chǎn)品”“活動(dòng)專區(qū)”“熱賣專區(qū)”為店鋪產(chǎn)品作了分類，也方

便消費(fèi)者瀏覽。在海報(bào)中，“五谷雜糧”將海報(bào)的產(chǎn)品用簡簡單單四個(gè)字概況

了，也強(qiáng)調(diào)了本店鋪的經(jīng)營類目。買三送一作為促銷手段，引誘客戶下單，健

康又美味作為另一個(gè)引誘客戶下單的文案?！包c(diǎn)擊領(lǐng)取”與“分享裂變?nèi)庇?/p>

黃色框框凸顯，吸引消費(fèi)者目光?！爱a(chǎn)品分類”的3張產(chǎn)品圖片，店鋪分別用

“谷類專區(qū)”“薯類專區(qū)”“豆類專區(qū)”“新品上新”“店鋪熱賣”“店長推

薦”分了類別。店鋪立減專區(qū)“下單立減3元等”都是促銷話術(shù)。

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

產(chǎn)品1詳情頁文案主要是在情景海報(bào)，產(chǎn)品賣點(diǎn)，產(chǎn)品細(xì)節(jié)，常見食用方

法這4個(gè)模塊中，“營養(yǎng)黃豆”“健康有機(jī)原生態(tài)”“精挑細(xì)選”一級(jí)文案是

營養(yǎng)黃豆，給這個(gè)文案做了許多效果。情景海報(bào)中文案顏色與詳情頁底色一個(gè)

是黑色，一個(gè)是黃色，區(qū)別開來。產(chǎn)品賣點(diǎn)中的文案“環(huán)境優(yōu)勢”來概括產(chǎn)品

的賣點(diǎn)，“土質(zhì)疏松肥沃，含鉀量高，適合大豆生長”，“降水適宜”，“晝

夜溫差大，有利于大豆蛋白質(zhì)含量的增加?！边@幾句文案告知消費(fèi)者大豆適宜

生存的土壤，水分，溫度環(huán)境，告知消費(fèi)者地理知識(shí)，來增加消費(fèi)者對本店鋪

產(chǎn)品的品質(zhì)信任。文案不堆積在一起，合理的布局讓消費(fèi)者可以看到每一部分

的重點(diǎn)。產(chǎn)品細(xì)節(jié)中用文案“圓潤飽滿，色澤鮮亮”“顆粒整齊，均勻度高”

來描述黃豆，直接向消費(fèi)者介紹了店鋪優(yōu)質(zhì)黃豆，消費(fèi)者所關(guān)注的就是色澤是

否鮮亮，是否飽滿均勻。店鋪文案則捉住這個(gè)特征來介紹了黃豆。

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

產(chǎn)品2詳情頁文案主要是在情景海報(bào)，產(chǎn)品賣點(diǎn)，產(chǎn)品信息，產(chǎn)品細(xì)節(jié)這4

個(gè)模塊中，情景海報(bào)中“東北水果玉米”作為一級(jí)文案?！疤鹉鄱嘀?，有機(jī)營

養(yǎng)”作為二級(jí)文案。產(chǎn)品細(xì)節(jié)中文案“粒粒飽滿，金瑩剔透”來介紹玉米的顆

粒品相是飽滿，色彩是晶瑩剔透的，“東北原產(chǎn)，健康營養(yǎng)”文案有兩個(gè)作用，

一是向消費(fèi)者店鋪玉米的產(chǎn)地是東北，二是在情感上暗示消費(fèi)者玉米健康有營

養(yǎng)，買了回家吃了又健康又營養(yǎng)。引起消費(fèi)者的共鳴。產(chǎn)品賣點(diǎn)以“鮮”“透”

“香”作為賣點(diǎn)。

11

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

4禾豆店鋪視覺效果制作

4.1首頁效果圖制作

首頁主要素材是以紅色和黃色色系為主，給消費(fèi)者一種促銷，喜慶感覺。

布局合理，既不顯得擁擠又不顯得空闊，將想給消費(fèi)者表達(dá)的東西用顏色突出

或者位置突出，讓消費(fèi)者可以很快就注意到。

4.1.1店招效果圖制作

店鋪的店招由店標(biāo)導(dǎo)航欄組成。店鋪的店標(biāo)采取文字和圖片結(jié)合，“禾豆”

文字字體顏色是綠色，禾苗的顏色就是綠色的，顏色與主題相映襯。圖片是稻

穗插畫，黃色的稻穗代表著成熟，代表著碩果累累。店標(biāo)的文字圖片既生動(dòng)又

形象?？梢宰屜M(fèi)者更好的記住店鋪。導(dǎo)航欄由所有產(chǎn)品，活動(dòng)專區(qū)與熱賣專

區(qū)構(gòu)成。背景顏色為綠色讓消費(fèi)者看的更舒服。店招設(shè)計(jì)效果圖如圖14所示：

圖14店招設(shè)計(jì)效果圖

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

海報(bào)效果圖整體顏色是黃褐色，淺色調(diào)不出錯(cuò)，眼睛看起來比較舒服，與

店鋪主顏色黃色，紅色搭配也不會(huì)顯得突兀。文字“五谷雜糧”既符合圖片內(nèi)

容，也強(qiáng)調(diào)了店鋪的經(jīng)營類目。海報(bào)設(shè)計(jì)效果如圖15所示：

圖15海報(bào)設(shè)計(jì)效果圖

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

12

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

采用矩形框來做了兩兩相對的4個(gè)優(yōu)惠券，優(yōu)惠券底色都為綠色，有兩種

類型的優(yōu)惠券，滿30減5，滿40減7，滿50減10和一張滿100減20的分享

裂變?nèi)窒砹炎內(nèi)瘽M足條件金額且分享三人即可領(lǐng)取。領(lǐng)取金額用紅色字體

更加的顯眼。消費(fèi)額越多則享受的優(yōu)惠也就更大，優(yōu)惠券的設(shè)立刺激著消費(fèi)者

的購物。

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

圖16優(yōu)惠券效果圖

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

產(chǎn)品分類區(qū)分了6個(gè)專區(qū)，分別是“豆類專區(qū)”“薯類專區(qū)”“店鋪熱賣”

“店長推薦”“谷類專區(qū)”“新品上市”。矩形采用的底色是黃色，暖色調(diào)且

有一種秋天谷物成熟的顏色。6個(gè)矩形框架里面的文案圖片是以左文右圖結(jié)構(gòu)出

現(xiàn)，讓布局顯得統(tǒng)一且和諧。在文字的下面都放置了點(diǎn)擊進(jìn)入的按鈕，用紅色

小矩形框起來的查看詳情顯得非常亮眼，吸引消費(fèi)者的目光。

產(chǎn)品分類區(qū)效果圖如圖17所示：

圖17產(chǎn)品分類區(qū)域效果圖

13

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

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

將新品專區(qū)與立減專區(qū)作為店鋪的產(chǎn)品展示區(qū)，新品專區(qū)用一個(gè)淺黃色矩

形確定這個(gè)專區(qū)的范圍。在這個(gè)范圍里擺放著4張產(chǎn)品圖片，每個(gè)產(chǎn)品都標(biāo)注

了紅色字體的價(jià)格?？梢宰屜M(fèi)者很明顯的看到價(jià)格。立減專區(qū)也是依照店鋪

簡約和諧的風(fēng)格，采取了左文右圖，上圖下文的布局結(jié)構(gòu)。產(chǎn)品展示區(qū)域效果

圖如圖18所示：

圖18產(chǎn)品展示區(qū)域效果圖

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

14

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

4.2.1主副圖效果圖制作

主圖文字通過營銷活動(dòng)標(biāo)出活動(dòng)價(jià)格說明產(chǎn)品劃算。文字顏色黃色與底片

矩形框顏色是紅色，形成對比吸引消費(fèi)者注意力?？梢钥闯鲆患?jí)文案是到手價(jià)

價(jià)格文案。副圖1介紹產(chǎn)品的外觀賣點(diǎn)，副圖2,3介紹黃豆的質(zhì)量，可發(fā)芽，

可制作豆腐。產(chǎn)品1主圖設(shè)計(jì)效果圖如圖19所示：

圖19產(chǎn)品1主圖設(shè)計(jì)效果圖

產(chǎn)品1的副圖效果圖如圖20，圖21，圖22所示：

圖20產(chǎn)品1副圖1效果圖

圖21產(chǎn)品1副圖2效果圖

15

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

圖22產(chǎn)品1副圖3效果圖

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

產(chǎn)品1詳情頁主要包含了情景海報(bào)，產(chǎn)品賣點(diǎn)，產(chǎn)品細(xì)節(jié)，產(chǎn)品信息以及

常見食用方法。情景海報(bào)采取上文下圖的布局，一級(jí)文案營養(yǎng)黃豆，讀起來既

通俗又順口，勺子本來應(yīng)該在碗里勺黃豆，在海報(bào)中勺子直接從農(nóng)民伯伯手里

勺的黃豆，意義深刻，以調(diào)動(dòng)消費(fèi)者的情緒，勾起消費(fèi)者購買欲望。圖片與文

字高度的融洽。產(chǎn)品賣點(diǎn)是采取的是上文下圖的結(jié)構(gòu)，文字概括了圖片所要表

達(dá)的內(nèi)容，簡單而又顯得合理。黃豆生存的環(huán)境店鋪采取左文右圖，左圖右文

的結(jié)構(gòu)來介紹，讓消費(fèi)者了解到我們店鋪產(chǎn)品的好。產(chǎn)品信息中矩形框里說明

了產(chǎn)品名稱，產(chǎn)品規(guī)格，以及保質(zhì)期和產(chǎn)地。矩形框的左端放了產(chǎn)品的漫畫形

象，顯得俏皮點(diǎn)。常見食用方法中店鋪放了4種黃豆可以制作的經(jīng)典菜品，從

視覺刺激消費(fèi)者的胃口從而購買該產(chǎn)品。

產(chǎn)品1詳情頁設(shè)計(jì)效果圖如圖23所示：

16

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

圖23產(chǎn)品1詳情頁設(shè)計(jì)效果圖

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

17

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

4.3.1主副圖效果圖制作

產(chǎn)品主圖左上方放置店鋪名稱，主圖右側(cè)文案領(lǐng)券五一歡樂購，半價(jià)秒殺

作為