梵寇FONKUP飾品淘寶店鋪視覺營銷設計方案

湖南商務職業(yè)技術畢業(yè)設計

目錄

1梵寇FONKUP飾品淘寶店鋪概況........................................1

1.1飾品類店鋪發(fā)展現(xiàn)況...........................................1

1.2店鋪現(xiàn)階段發(fā)展分析...........................................3

2梵寇FONKUP飾品淘寶店鋪視覺營銷分析................................3

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

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

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

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

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

3梵寇FONKUP飾品淘寶店鋪視覺設計....................................4

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

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

3.1.2產(chǎn)品1詳情頁版式設計...................................9

3.1.3產(chǎn)品2詳情頁版式設計..................................13

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

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

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

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

4梵寇FONKUP飾品淘寶店鋪視覺效果制作...............................17

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

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

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

4.1.3優(yōu)惠劵制作............................................18

4.1.4其他區(qū)域制作..........................................19

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

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

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

I

湖南商務職業(yè)技術畢業(yè)設計

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

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

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

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

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

II

湖南商務職業(yè)技術學院畢業(yè)設計

梵寇FONKUP飾品專營淘寶店鋪視覺營銷設計方案

1梵寇FONKUP飾品淘寶店鋪概況

梵寇FONKUP飾品專營淘寶店鋪成立于2023年，店鋪主營類目為項鏈、手

鏈、戒指、手鐲、耳飾等。店鋪定位于輕奢類飾品，目標客戶人群鎖定為工薪

階層和小有資產(chǎn)的學生黨。意指為消費者帶來精致而實用的飾品，讓每一名顧

客盡情綻放不同的魅力。店鋪訂閱粉絲人群為245人，描述相符評分、服務態(tài)

度評分、物流服務評分都為4.9分。

1.1飾品類店鋪發(fā)展現(xiàn)況

飾品作為當今三大消費占比中的重要一員，它以其獨特的裝飾美化效果和

象征意義在消費類目中占據(jù)著舉足輕重的位置。目前，我國的首飾行業(yè)存在著

巨大的發(fā)展空間，其網(wǎng)絡營銷的覆蓋面比以往的網(wǎng)絡營銷要大很多，因此，開

展網(wǎng)絡營銷對于進一步發(fā)掘我國的首飾市場潛力十分必要。

2019年中國市場消費占比與2023年1月1日至2月15日中國市場消費占

比，如圖1所示。

圖12019年中國市場消費占比與2023年1月1日至2月15日中國市場消費占比

使用店查查插件，以淘寶網(wǎng)站為例，對“首飾”關鍵詞進行搜索，可以發(fā)

現(xiàn)，在淘寶網(wǎng)上僅僅篩選淘寶店，首飾類店鋪有227582家，如圖2所示。其

中金冠店鋪為227577家，皇冠店、鉆級店、心級店都是227576家店鋪，區(qū)分

于淘寶店鋪，天貓店鋪僅8930家。由此可知，目前首飾類淘寶店鋪市場份額

占據(jù)較多，天貓占據(jù)較少，如圖3所示。

1

湖南商務職業(yè)技術學院畢業(yè)設計

圖2首飾類店鋪數(shù)量

2

湖南商務職業(yè)技術學院畢業(yè)設計

圖3淘寶網(wǎng)首飾搜索數(shù)據(jù)

1.2店鋪現(xiàn)階段發(fā)展分析

梵寇FONKUP飾品淘寶店鋪作為新店，易于創(chuàng)造獨特店鋪風格，打造良好

口碑，符合現(xiàn)代消費者審美的同時也有著人流量不足，商品銷售額較低等問題，

針對該問題，本店可針對目標人群定時推出新品，增強客戶粘性；著力于客戶

體驗，不斷提高店鋪口碑，提高客戶滿意率，創(chuàng)造忠誠顧客。

2梵寇FONKUP飾品淘寶店鋪視覺營銷分析

2.1店鋪營銷定位分析

梵寇FONKUP店鋪作為新店，在正式的投入運營之前要有明確的定位，明

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

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

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

店鋪主營類目為飾品，主推產(chǎn)品之一為黃金耳飾，為了符合中高端飾品的

定位，此款的售價為人民幣189元，在黃金類產(chǎn)品中售價并不算高，是大多數(shù)

消費者可以負擔得起的價位；另外一款為銀飾，經(jīng)分析比較同類店鋪同款產(chǎn)品

的價格，將此款飾品的售價定為人民幣168元，優(yōu)質(zhì)的產(chǎn)品質(zhì)量加上較低的價

格更容易吸引消費者。

2.1.2消費者人群定位分析

隨著店鋪潛在消費者逐步年輕化，消費能力的提高，店鋪將消費人群主要

定位于：職場人士、學生黨、00后以及90后等年輕工薪階層。

這一類人群大都來自于一二線城市，收入水平中上或者中下為主，對產(chǎn)品

有較高的要求，品牌意識強烈，有著良好的審美觀，因此他們對于首飾的選擇

主要是輕奢類飾品。

3

湖南商務職業(yè)技術學院畢業(yè)設計

2.2店鋪風格分析

隨著消費群體逐步年輕化的問題，店鋪的消費人群也將更加追求產(chǎn)品舒適

度，更偏好極簡風格。為了快速占據(jù)市場份額，那么該店鋪的風格就要改變成

簡約而又不失單調(diào)的極簡風，在設計海報、首頁、詳情頁的時候，都會以簡約

舒適卻又不失雅致為主，有修飾但沒有違和感，整體的色調(diào)、排版都給人簡約、

精致的感覺。

2.3店鋪色彩分析

店鋪屬于小眾輕奢類飾品店鋪，主要是針對的是職場白領、在外務工的青

年以及在校的學生黨。因此在設計時，主要考慮體現(xiàn)其簡約的輕奢極簡風，直

擊目標用戶群體的痛點，因此，店鋪設計選擇黑白灰三色調(diào)為店鋪主色彩。

這樣不僅有利于抓住目標消費群體的眼球，而且有利于體現(xiàn)店鋪的獨特風

格，便于店鋪進行營銷定位的同時可在消費者心目中留下一筆色彩。

3梵寇FONKUP飾品淘寶店鋪視覺設計

即使店鋪有流量，但轉(zhuǎn)化率卻沒有提高，這種情況發(fā)生的很大一部分的原

因是店鋪視覺設計與文案策劃沒能直擊消費者內(nèi)心。而解決這個問題就需要從店

鋪詳情頁、首頁的視覺設計與商品主圖、副圖的文案策劃兩方面入手刺激消費

者下定購買決心。

3.1店鋪版式設計

店鋪設計頁面很容易給消費者留下印象,設計一個好的頁面也很重要。如

何設計一個好的頁面,首先得確定一下頁面的設計思路:（1）頁面色調(diào)要與店

鋪統(tǒng)一；（2）頁面布局要協(xié)調(diào)；（3）店鋪風格要與產(chǎn)品形成一致。

3.1.1首頁版式設計

店鋪的首頁往往是吸引顧客的第一步，是否能夠給予顧客印象深刻的第一

印象，就意味著是否能夠刺激到顧客的消費欲望從而促成購買行為。那么有著

一個明確區(qū)域劃分的店鋪就是重要條件之一，在看一個店鋪首頁的時候往往最

上面是店招、導航，依次往下就是全屏海報區(qū)域、優(yōu)惠券區(qū)域、主推產(chǎn)品區(qū)域、

產(chǎn)品分類區(qū)域、產(chǎn)品展示區(qū)域、底層海報區(qū)域、頁尾設計區(qū)域等9個區(qū)域。

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

4

湖南商務職業(yè)技術學院畢業(yè)設計

圖4首頁版式設計

店招區(qū)域主要分為兩個部分，第一部分為店鋪LOGO。LOGO的設計是一朵

玫瑰花放在“梵寇FONKUP”上，用來表達人們對于美麗的向往的熱烈。第二部

分為店鋪名稱?！拌罂蹻ONKUP”指Fond美好的加上Makeup綻放時尚優(yōu)雅魅力。

寓意著梵寇FONKUP飾品讓每一名顧客盡情綻放不同的魅力?！癋ONKUP”是店

鋪的名稱，可用來提高店鋪知名度，樹立店鋪良好形象。導航區(qū)域放在店招區(qū)

域下方，便于消費者挑選所需商品。

店招、導航區(qū)域版式設計如圖5所示：

圖5店招、導航區(qū)域版式設計

首頁海報區(qū)主要采用左圖右文，左邊是模特，根據(jù)店鋪風格、產(chǎn)品細節(jié)調(diào)

整模特動作從而使消費者對于店鋪有個明顯認知，右下方是店鋪名稱與新品的

5

湖南商務職業(yè)技術學院畢業(yè)設計

宣傳文案，這獨有的設計形式可以讓瀏覽者留下深刻的印象。

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

圖6首頁海報版式設計

優(yōu)惠券設計區(qū)域由4個矩形組成，其中3個矩形為會員充值入口，另外一

個為新會員入會的優(yōu)惠劵。新會員領取的優(yōu)惠劵為“20元無門檻”，下方添加

了“點擊領取”的文案，另外三張充值的金額可疊加店鋪滿減劵。整體看起來

使人整體感覺條理清晰，層次鮮明。

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

圖7優(yōu)惠券版式設計

產(chǎn)品的分類區(qū)和主推產(chǎn)品專區(qū)的設置，整體布局簡單直觀、清晰易懂。不

僅讓消費者很快地找到想要的商品，起到了向消費者宣傳商品的作用，也更好

的展示店鋪的產(chǎn)品，便于消費者更好的找到自己的目標產(chǎn)品，促進店鋪的轉(zhuǎn)化

率的提升。在產(chǎn)品分類區(qū)設置了分類導航主要包括：項鏈、耳飾、胸針、手鏈，

后面的產(chǎn)品分區(qū)從店鋪銷量與點擊率來進行產(chǎn)品展示分別為熱賣推薦、耳飾專

區(qū)、手鏈專區(qū)方面進行推薦進行產(chǎn)品的推薦與展示。分類區(qū)內(nèi)放置產(chǎn)品圖案與

文案介紹給予消費者一個店鋪產(chǎn)品的認知，下方主推專區(qū)采用左右與上下對稱

方式，將右側大部分給予熱賣專區(qū)，也是為選擇困難的用戶間接的推薦選擇。

左側分為上下部分將面積分配給店鋪銷量較高的耳飾專區(qū)與手鏈專區(qū)。

6

湖南商務職業(yè)技術學院畢業(yè)設計

分類區(qū)與主推產(chǎn)品區(qū)域版式設計如圖8所示：

圖8分類區(qū)與主推產(chǎn)品區(qū)域版式設計

產(chǎn)品展示區(qū)域的設計比較具有獨特性，總體由熱賣推薦與上新推薦兩部分

組成。第一個熱賣推薦區(qū)域采用的是左圖右文的結構，右側邊文案分為寶貝標

題、產(chǎn)品英文、立即購買，左邊則是寶貝展示；第二個區(qū)域以左右構圖的形式

素來呈現(xiàn)，從上至下三個產(chǎn)品分別采用左圖右文、左文右圖、左圖右文的形式

呈現(xiàn)，形成類似于“>”的形狀，這獨特的設計形式既美觀又能吸引消費者，

使得畫面更加有空間感，增加了文案之間的層次感。

產(chǎn)品展示區(qū)域版式設計如圖9所示：

7

湖南商務職業(yè)技術學院畢業(yè)設計

圖9產(chǎn)品展示區(qū)域版式設計

頁尾的設計主要分為店鋪相關服務說明與背景圖設計。店鋪的相關服務說

明包括“專柜正品、七天退換、暖心服務、返回頂部”等四個部分，方便消費

者返回頁面頂部；背景圖設計采用對比方式，背景色為綠色，文案和服務圖片

采用白色，增加頁尾的層次感，吸引顧客注意力。

頁尾版式設計如圖10所示：

8

湖南商務職業(yè)技術學院畢業(yè)設計

圖10底層海報、頁尾版式設計

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

詳情頁是對產(chǎn)品的詳細解讀，能給讓買家詳細了解產(chǎn)品的各項功能點和屬

性，能夠促進轉(zhuǎn)化，提升轉(zhuǎn)化率。

產(chǎn)品1詳情頁版式，主要包括：首頁banner，產(chǎn)品賣點區(qū)，產(chǎn)品信息區(qū)，

細節(jié)展示區(qū)，售后服務區(qū)，保養(yǎng)貼士區(qū)這六個區(qū)域。

產(chǎn)品1詳情頁版式設計如圖11所示：

9

湖南商務職業(yè)技術學院畢業(yè)設計

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

頁頭海報的細節(jié)設計是采用了上圖下文的結構，上部分為產(chǎn)品的展示圖，

下部分的文案主要是由店鋪LOGO、產(chǎn)品賣點組成。獨特的設計既美觀又不易使

顧客產(chǎn)生視覺疲勞而且也更直觀地向消費者呈現(xiàn)商品賣點，加強了消費者對于

店鋪的印象。

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

10

湖南商務職業(yè)技術學院畢業(yè)設計

圖12頁頭海報版式設計

產(chǎn)品賣點區(qū)域，采用圖文交叉左右結構，一側放置產(chǎn)品賣點圖，另一側放

置產(chǎn)品賣點信息，主要從“甄選材質(zhì)、鍍18金+S925銀、精湛工藝”三個方面

結合相關的圖片進行說明。產(chǎn)品展示部分，主要是對耳環(huán)進行不同方向的展示。

產(chǎn)品信息部分，上方放置耳環(huán)的圖片，下方是對耳環(huán)的品牌、材質(zhì)、規(guī)格進行

詳細描述。

產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品展示、售后服務、保養(yǎng)貼士版式設計如圖13

所示：

11

湖南商務職業(yè)技術學院畢業(yè)設計

圖13產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品展示版式設計

售后服務區(qū)域主要是上方放置工藝圖片，下方則是對售后服務進行其詳細

的文字描述，依次往下排序。珍珠保養(yǎng)區(qū)域用圖片和文字的形式對于一些注意

事項詳細描述，便于消費者記憶的同時也為店鋪樹立良好形象。

售后服務、保養(yǎng)貼士版式設計如圖14所示：

12

湖南商務職業(yè)技術學院畢業(yè)設計

圖14售后服務、保養(yǎng)貼士版式設計

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

產(chǎn)品2詳情頁版式設計主要有：首頁banner，產(chǎn)品賣點區(qū)，產(chǎn)品信息區(qū)，

細節(jié)展示區(qū)，售后服務區(qū)，保養(yǎng)貼士區(qū)這六個區(qū)域。

頁頭海報在設計時和詳情頁1的頁頭海報采用了相同的方法，只有信息文

案在的區(qū)域的不同。

產(chǎn)品賣點以左右構圖的形式來呈現(xiàn)，從上至下分別采用左圖右文、左文右

圖、的形式呈現(xiàn)，形成類似于“>”的形狀，在文案中加入相應的賣點，直觀簡

約有場景。

參數(shù)設計區(qū)域主要是上下結構，上邊部分是產(chǎn)品圖的展示，右邊部分是產(chǎn)

品相關參數(shù)的描述。

頁頭海報、產(chǎn)品賣點區(qū)、參數(shù)區(qū)版式設計如圖15所示：

13

湖南商務職業(yè)技術學院畢業(yè)設計

圖15頁頭海報、產(chǎn)品賣點區(qū)、參數(shù)區(qū)版式設計

產(chǎn)品展示設計區(qū)域主要是對產(chǎn)品的各方面進行展示，分別展示不同方位下

手鏈的穿戴效果。售后服務區(qū)域是對于店鋪銷售環(huán)節(jié)中可以提供的服務進行闡

述。保養(yǎng)設計區(qū)域主要是對商品注意事項和保養(yǎng)方式的一些描述。

產(chǎn)品賣點、售后服務、保養(yǎng)貼士版式設計如圖16所示：

14

湖南商務職業(yè)技術學院畢業(yè)設計

圖16產(chǎn)品展示、售后服務、保養(yǎng)貼士版式設計

3.2店鋪文案策劃

對于店鋪來說，產(chǎn)品的文案直接決定了產(chǎn)品的特色，有特色的東西才會更

有價值，才會更吸引用戶來購買，形成有大量積淀的用戶群，最終達到較好的

用戶口碑。

3.2.1首頁文案策劃

首頁的文案設計是店鋪是否經(jīng)營好的核心，首頁文案策劃包括店招、導航

欄、全屏海報、分類產(chǎn)品、推薦熱賣、上新推薦六個部分。

15

湖南商務職業(yè)技術學院畢業(yè)設計

店招的文案主要是在左側部分放置了店標LOGO是一朵玫瑰花放在“梵寇

FONKUP”上，用來表達人們對于美麗的向往像玫瑰一樣熾熱。中間部分是店鋪

的名稱“梵寇FONKUP”；在店招的右下角導航欄的最右方添加了“收藏店鋪”

這四個字，且旁邊放置了一個愛心的形狀，是為了提醒客戶如果對店鋪滿意的

話，記得關注店鋪點擊收藏。

首頁海報的文案主要集中在右側部分，首先用文本工具寫上“梵寇

FONKUP”，可以提高店鋪知名度，加強在消費者心中的影響力；在FONKUP下方

寫上“五月新品即可選購”，意思是該店鋪目前有新品銷售可以選購了，刺激

顧客購買欲望的同時也為店鋪增加流量挽留流失顧客，這相對于其他店鋪更加

簡約，顯得更具有特色。

在策劃熱銷產(chǎn)品區(qū)、主推產(chǎn)品區(qū)以及分類產(chǎn)品區(qū)的文案時，為了及時吸引

到顧客的注意力圖片占大部分篇幅如左圖右文、圖文并茂、右圖左文等，分類

區(qū)考慮到讓顧客在最短的時間內(nèi)獲得信息不讓顧客選擇困難，將熱銷區(qū)手鏈區(qū)

耳飾區(qū)突出顯示方便顧客選擇；熱銷區(qū)、主推區(qū)不僅突出了產(chǎn)品的主要賣點，

而且展現(xiàn)了產(chǎn)品的大概穿戴效果，更容易激發(fā)起顧客對產(chǎn)品的興趣；同時，將

每款產(chǎn)品的價格突出顯示出來，價格旁邊設計了“直降”字樣，刺激顧客購買

欲望，促成購買行為。

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

詳情頁1的文案設計主要在于頁頭海報、產(chǎn)品賣點、產(chǎn)品參數(shù)和售后服務

這四個區(qū)域。

頁頭海報的文案設計的層次感是字體大小和粗細劃分，首先，字體最大且

相對較粗的是“梵寇”，下面一部分是其店鋪英文“FONKUP”字體相對小些，

用兩個直線工具包圍，下方是原創(chuàng)設計、耀眼光澤、匠心工藝等產(chǎn)品特點，使

整體更加有層次。

產(chǎn)品賣點的文案設計是根據(jù)產(chǎn)品的特點進行設計的，主要賣點包括：甄選

材質(zhì)、鍍18金+S925銀、精湛工藝這幾個方面進行介紹；產(chǎn)品參數(shù)區(qū)域，文案

是對耳環(huán)的品牌、材質(zhì)、規(guī)格進行詳細描述。

售后服務的文案設計的層次感是用字體大小和粗細區(qū)分，讓顧客有效讀取

信息，而且每個信息都用空格隔開，清晰分明。主要是對退換貨、產(chǎn)品質(zhì)保、

發(fā)貨快遞的描述，溫馨提示的設計可以獲得客戶的信任，提高該店鋪的銷售率。

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

詳情頁2的文案設計主要是在于頁頭海報、產(chǎn)品賣點、產(chǎn)品參數(shù)和售后服

16

湖南商務職業(yè)技術學院畢業(yè)設計

務這四個部分。

頁頭海報的文案設計與產(chǎn)品1的詳情頁頁頭海報的文案設計有異曲同工之

妙；產(chǎn)品賣點的文案設計比較簡單，主要是產(chǎn)品的描述，單個文案就顯得非常

單調(diào)，通過圖片文字的搭配，再添加一些設計，使得文案設計栩栩如生，而且

給消費者一個信念：“產(chǎn)品質(zhì)真價實”，從而提高消費者對店鋪的信任；產(chǎn)品

參數(shù)的文案設計采取表格形式將文案排列整體，一目了然，有助于顧客有效讀

取信息；最后的售后服務部分主要是對退換貨、快遞、質(zhì)保、責任的描述。

4梵寇FONKUP飾品淘寶店鋪視覺效果制作

4.1首頁效果圖制作

首頁作為店鋪流量的中轉(zhuǎn)站，其主要功能是向顧客展示產(chǎn)品和服務，同時

也要充分的展現(xiàn)店鋪的特色，從而刺激到顧客購買欲望，促進店鋪轉(zhuǎn)化率。為

了達到這一目的，首先我們應該突出特色，充分展示店鋪的產(chǎn)品和服務，充分

體現(xiàn)店鋪的品牌形象。

店鋪首頁主要分為店招、導航欄、海報、優(yōu)惠劵專區(qū)、分類區(qū)、推薦區(qū)和

頁尾。因為店鋪定位于輕奢極簡風，所以首頁整體設計采用的是淡色系，整體

的排版都比較簡約，主要是不讓客戶有視覺疲勞，盡量給客戶帶來舒適感。

4.1.1店招效果圖制作

店招包括：店鋪LOGO、店鋪的名稱、店招分類導航、收藏店鋪。

店鋪的LOGO是該店鋪品牌的代表，是一個店鋪的靈魂，一個好的LOGO不

僅可以讓顧客記住該店鋪，還可以幫助店鋪迅速占領市場。所以設置LOGO的

時候既要簡單滿足店鋪定位，還要與產(chǎn)品有一定聯(lián)系有美感，讓客戶看到這個

LOGO的時候就知道是該店鋪。LOGO是一朵玫瑰花放在“FONKUP”上，用來表

達人們對于美麗的向往的熱烈?！拌罂蹻ONKUP”指Fond美好的加上Makeup綻

放時尚優(yōu)雅魅力，寓意著梵寇FONKUP飾品讓每一名顧客盡情綻放不同的魅力。

店鋪的名稱位于LOGO圖的右側，“梵寇FONKUP”是店鋪的名稱，可用來

提高店鋪知名度，樹立店鋪良好形象?！笆詹氐赇仭蔽挥趯Ш綑诘淖钣覀?，且

旁邊放置了一個愛心的形狀，是為了提醒客戶如果對店鋪滿意的話，記得關注

店鋪點擊收藏。導航區(qū)域分別有首頁、所有產(chǎn)品、耳飾、項鏈、手鏈、手鐲、

戒指這七個部分，客戶可以根據(jù)所需的產(chǎn)品找到相對應的產(chǎn)品，不僅節(jié)約了時

間，也讓客戶對于店鋪有了個大概認知。

17

湖南商務職業(yè)技術學院畢業(yè)設計

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

圖17店招設計效果

4.1.2海報效果圖制作

首頁海報設計比較簡約，符合辦公室簡約的風格的同時，也符合了學生黨

心目中對于小眾輕奢品牌的印象，有利于店鋪風格的形成。海報的整體設計屬

于左圖右文法，左側是模特，根據(jù)店鋪風格、產(chǎn)品細節(jié)，調(diào)整模特的妝容穿著

從而使消費者對于店鋪有個良好的第一印象，右下方是店鋪名稱與新品的宣傳

文案：首先用文本工具寫上“梵寇FONKUP”寫上這樣可以提高店鋪知名度，加

強在消費者心中的影響力；在FONKUP下方寫上“五月新品即可選購”，意思是

該店鋪目前有新品銷售可以選購了，刺激顧客購買欲望的同時也為店鋪增加流

量挽留流失顧客，這相對于其他店鋪更加簡約，顯得更具有特色。這獨有的設

計形式可以讓瀏覽者留下深刻的印象。文案設計使用了字體的大小顏色和粗細

來與背景顏色和字體進行對比，從而使文案更加具有鮮明的對比，具有層次性

的同時由于是同色系搭配也不會使顧客覺得眼花繚亂。

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

圖18首頁海報效果

4.1.3優(yōu)惠劵制作

優(yōu)惠券區(qū)域分為兩部分組成，分別是20元無門檻優(yōu)惠劵以及其他三個充

值金額入口分別為充值180得200，充值280得300，充值380得到400，使用

4個矩形分別填充為綠色和白色，內(nèi)添加白色或者綠色為金額顏色，第一個會

18

湖南商務職業(yè)技術學院畢業(yè)設計

員入口內(nèi)部添加白色矩形在里面填寫“點擊領取”，其他三個充值入口都在內(nèi)

部填寫可疊加店鋪滿減，讓整體看起來更加協(xié)調(diào)。優(yōu)惠券由帶白色矩形和綠色

矩形內(nèi)部相對比，兩種對比度強的顏色更能引起顧客的注意，優(yōu)惠券的券額字

體設計為白色和綠色樣式，同時將數(shù)字進行放大處理，能讓消費者對優(yōu)惠券數(shù)

額感到心動。

優(yōu)惠劵效果如圖19所示：

圖19優(yōu)惠劵區(qū)域制作

4.1.4其他區(qū)域制作

對于其它區(qū)域的制作包括：主推產(chǎn)品區(qū)、產(chǎn)品分類區(qū)、頁尾區(qū)這幾個部分。

主推產(chǎn)品區(qū)使用填充為黑色的圓角矩形為主背景，將英文“BUYLIST”

使用帶金白漸變樣式的字體放置于矩形左側，右側下方使用金色漸變樣式將一

個小圓角矩形填充作為次背景，內(nèi)部添加“店鋪熱賣推薦”作對比，黑與白、

金搭配起來，會讓三方的顏色都會增強，產(chǎn)生明亮的色彩對比。下方的寶貝推

薦為了更突出顯示文案內(nèi)容，在產(chǎn)品圖右側添加了箭頭，在內(nèi)添加了文案“直

降~元”刺激顧客購買欲望，給產(chǎn)品金額都進行了加粗處理，并給標題加上了

裝飾元素，呈現(xiàn)出美觀大氣的效果。

產(chǎn)品分類區(qū)分為五個區(qū)域：項鏈、手鏈、耳飾、胸針。分類產(chǎn)品區(qū)域每個

產(chǎn)品使用白色邊框的棕色圓形圖標都放置在產(chǎn)品分類區(qū)左側，右側放置產(chǎn)品分

類名稱，并且在下方使用同色系矩形內(nèi)部添加英文產(chǎn)品名稱進行搭配，更能引

起消費者的注意。

在結尾部分，頁尾部分主要展示了店鋪的相關的保障和服務如：專柜正品、

七天退換、返回頂部等。鏗鏘有力的告訴消費者在本店鋪的消費保障，潛移默

化地樹立起在消費者心目中的形象，打消消費者的疑慮，促進下單。

其他區(qū)域效果圖如圖20所示：

19

湖南商務職業(yè)技術學院畢業(yè)設計

圖1其他區(qū)域效果

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

產(chǎn)品1為耳飾的制作，是該店鋪的主要銷售的產(chǎn)品之一。詳情頁內(nèi)容分別

有頁頭海報部分、產(chǎn)品賣點部分、產(chǎn)品信息部分、產(chǎn)品展示部分、售后服務、

保養(yǎng)貼士部分這六大部分組成。

4.2.1主副圖效果圖制作

主圖是整個產(chǎn)品最直觀的介紹,直接讓買家直觀了解該產(chǎn)品的大致外觀,開

門見山展示其的作用都有哪些,是吸引買家是否會點擊進你鏈接的最關鍵要素

之一。主圖的邊框采用紅色的矩形工具為邊，中間產(chǎn)品的展示、圖片背景色為

紅色，主圖下方有價格和優(yōu)惠券，上方是店鋪LOGO及活動時間，豐富且不雜

20

湖南商務職業(yè)技術學院畢業(yè)設計

亂的主圖設計更加具有美感，能讓更加消費者喜愛。

產(chǎn)品1主圖設計效果圖如圖21所示：

圖2產(chǎn)品1主圖設計效果

副圖1、副圖2、副圖3的都有點相似之處，都是對產(chǎn)品的展示，副圖1

是對產(chǎn)品的工藝進行描述；副圖2是產(chǎn)品的設計闡述；副圖3是產(chǎn)品的穿戴效

果提現(xiàn)，清楚的告訴消費者耳飾有哪些不同之處，清晰告訴消費者該店鋪產(chǎn)品

的質(zhì)量，讓消費者有個大概的了解。

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

21

湖南商務職業(yè)技術學院畢業(yè)設計

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

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

22

湖南商務職業(yè)技術學院畢業(yè)設計

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

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

產(chǎn)品1詳情頁的背景色以白色、紅色為主，強調(diào)突出產(chǎn)品的美觀大方。頁

頭海報的背景色與字體顏色相對比，更能突出店鋪名稱和產(chǎn)品特色，方便消費

者快速游覽；產(chǎn)品賣點主要是對產(chǎn)品不同之處的賣點闡述，讓消費者對于店鋪、

產(chǎn)品更加信賴，樹立一個良好的形象。

產(chǎn)品信息展示了產(chǎn)品的品牌種類、不同的材質(zhì)、不同的規(guī)格、特點等，目

的是要消費者了解產(chǎn)品大致的信息，對于產(chǎn)品更加信服；產(chǎn)品展示區(qū)主要展示

了四個不同方位耳飾的穿戴效果，目的是告訴消費者該耳飾是美觀的、好看的、

可以購買的，促使消費者完成購買行為。售后服務主要展示了6個月質(zhì)保、7

天無理由退換、48小時內(nèi)發(fā)貨這三部分，再加上文字的說明，傳輸給消費者該

產(chǎn)品的質(zhì)量及服務的信息，讓消費者相信該產(chǎn)品值得購買。

保養(yǎng)貼士是對產(chǎn)品穿戴途中需要注意的事項以及如何延長產(chǎn)品的使用壽命

的描述，該區(qū)域的設計是希望通過該店鋪的服務更加讓消費者信賴從而轉(zhuǎn)為忠

誠粉絲。

產(chǎn)品1詳情頁設計效果圖如圖25所示：

23

湖南商務職業(yè)技術學院畢業(yè)設計

圖6產(chǎn)品1詳情頁設計效果

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

產(chǎn)品2為手鏈的制作，是該店鋪的主要銷售的產(chǎn)品之一。詳情頁的主要內(nèi)

容有頁頭海報部分、產(chǎn)品賣點部分、產(chǎn)品信息部分、產(chǎn)品展示部分、售后服務、

保養(yǎng)貼士部分這六大部分組成。

4.3.1主副圖效果圖制作

主圖的設計背景色為白色，與手鏈的顏色相似，相似性色的顏色整體不會

有雜亂不堪和視覺疲勞的缺點。主圖整體分為三部分，上方是店鋪LOGO和名

24

湖南商務職業(yè)技術學院畢業(yè)設計

稱；中間為產(chǎn)品展示；主圖下方是價格和優(yōu)惠券使用時間，價格部分用矩形框

包圍，字體為白色，數(shù)字的字體進行單獨的加粗處理，更有立體感，讓消費者

感覺活動優(yōu)惠力度很大，刺激其購買。

產(chǎn)品2主圖設計效果圖如圖26所示：

圖7產(chǎn)品2主圖效果

副圖1、副圖2、副圖3分為三部分，背景色以灰、白兩種顏色為主。副

圖1是對手鏈材質(zhì)和佩戴感受的體現(xiàn)；副圖2是手鏈的設計闡述；副圖3是手

鏈的數(shù)據(jù)參數(shù)，可以給買家展示產(chǎn)品的數(shù)據(jù)給予買家一種真實感以獲得買家信

任。

產(chǎn)品2的副圖效果圖如圖27、圖28、圖29所示：

25

湖南商務職業(yè)技術學院畢業(yè)設計