ZealSincere官方旗艦店視覺營銷設(shè)計方案

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

目錄

1ZealSincere官方旗艦店概況................................................................................1

1.1手表類天貓店鋪發(fā)展現(xiàn)狀...............................................................................1

1.2ZealSincere官方旗艦店店鋪現(xiàn)狀....................................................................3

2ZealSincere官方旗艦店鋪視覺營銷分析............................................................4

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

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

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

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

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

3ZealSincere官方旗艦店鋪視覺設(shè)計....................................................................6

3.1店鋪版式設(shè)計...................................................................................................6

3.1.1首頁版式設(shè)計......................................................................................6

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

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

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

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

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

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

4ZealSincere官方旗艦店鋪視覺效果制作..............................................................12

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

4.1.1店招設(shè)計過程....................................................................................12

4.1.2海報制作過程....................................................................................13

4.1.3其他區(qū)域制作....................................................................................14

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

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

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

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

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

4.3.1主副圖效果圖....................................................................................20

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

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

參考資料.....................................................................................................................25

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

ZealSincere官方旗艦店視覺營銷設(shè)計方案

1ZealSincere官方旗艦店概況

ZealSincere官方旗艦店于2023年成立，是一個售賣中高端手表的店鋪，

隨著手機等移動設(shè)備的普及，手表在日常生活中起到的看時間的功能在漸漸衰

弱，取而代之的更是一種時尚的搭配，甚至是身份的顯示，包括上班族、學(xué)生

等等群體對時尚、潮流、高級感的需求逐漸顯著，該店鋪主要對男表、女表，

以及中高端的手表進行銷售，采用簡約大氣的風(fēng)格，ZealSincere官方旗艦店是

主營該品牌的手表，ZealSincere意為熱情且真誠的，這與品牌故事相關(guān)，主打

年輕人對生活的熱情和自我要求的美好品質(zhì)，從品牌故事深入顧客，與顧客共

情，logo標志采用ZS縮寫，提升了店名的認知度，同時也凸顯出簡約的風(fēng)格。

1.1手表類天貓店鋪發(fā)展現(xiàn)狀

電子商務(wù)的發(fā)展給人們帶來了很多便利，大家可以不用出門，單純的利用

電視、手機或者電腦進行線上購物，如今電子商務(wù)已經(jīng)影響了人們的購物行為

和方式?；ヂ?lián)網(wǎng)等電子工具的不斷發(fā)展，使手表類的銷售模式發(fā)生了巨大的改

變，由線下銷售演變成線上和線下組合銷售模式，基于一些品牌效應(yīng)，這使得

品牌類手表的線上銷售相對較順利。

根據(jù)中商情報網(wǎng)的數(shù)據(jù)分析，如圖表1所示。雖然現(xiàn)在大部分腕表類產(chǎn)品是

以線下實體店銷售為主要渠道，但是仍有不少消費者是選擇在線上網(wǎng)店進行消

費購買，并且隨著電子商務(wù)發(fā)展的推移逐漸增加。腕表在發(fā)展過程中逐漸形成了獨特

的鐘表文化和佩戴禮儀，雖然腕表的作用比較單一，但其外觀與裝飾的作用愈發(fā)明顯。

而目前中國消費者大多數(shù)是收入，工作和生活較穩(wěn)定的地區(qū)的青年群體。

年輕的消費者對手表類是購物需求的，因此中高端手表類的店鋪裝修需要偏向歐

式，并且簡約大氣，方能突出高級感。精致輕奢的店鋪裝修更能刺激和吸引年輕消費者

的支付轉(zhuǎn)化率和點擊率，而品牌類手表更具信賴，對比其他雜牌手表的各項數(shù)據(jù)都有明

顯的優(yōu)勢。

1

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

圖1中國腕表行業(yè)分銷售渠道的市場規(guī)模

使用店查查插件，可以發(fā)現(xiàn)，在淘寶網(wǎng)上篩選天貓店，手表類店鋪有7753

家，根據(jù)圖3可知，天貓店鋪手表類銷售價格區(qū)間的占比主要分為4個等級，

其中0-28元的價格區(qū)間銷售占比為30%，28-218元的價格區(qū)間占大頭，主要為

60%，218-1530元的價格區(qū)間銷售占比為9%，1530元以上的價格區(qū)間最低，銷

售占比為1%。

圖2淘寶網(wǎng)天貓店鋪手表類數(shù)量

圖3手表類天貓店鋪銷售價格區(qū)間占比

2

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

圖4手表店鋪銷售額排名靠前的店鋪

如圖4所示，選取銷量從高到低的前40家店鋪，其中天貓店34家，淘寶

店6家，由可知手表類店鋪消費者主要信賴有品牌類天貓店鋪，淘寶店鋪占少

數(shù)并且，銷量較少。

1.2ZealSincere官方旗艦店店鋪現(xiàn)狀

ZealSincere官方旗艦店于2022年成立。ZealSincere新店開張，入住天貓

店鋪為了增加訪客數(shù)，積極上新，同時利用天貓店鋪的品牌信賴優(yōu)勢，以及新

3

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

店開張的流量扶持，進行一系列的促銷活動積累原始銷量。在新店開業(yè)時臨近

雙十二大促，有效利用活動，增加產(chǎn)品展現(xiàn)量和店鋪訪客數(shù)。針對即將到來的

雙十二該店鋪做出的營銷活動主要有：1.雙十二簽到領(lǐng)大額無門檻優(yōu)惠券；2.跨

店滿減，滿200減20；3.新品優(yōu)惠，預(yù)售支付尾款之后收貨返40元；4.設(shè)立限

時秒殺9折專區(qū)。為了提升買家購物體驗，ZealSincere官方旗艦店支持15天無

理由退換貨，并且贈送運費險，店鋪活動時間定為2022年11月12日——2022

年12月13日。

2ZealSincere官方旗艦店鋪視覺營銷分析

隨著電子商務(wù)和智能手機的發(fā)展，大多數(shù)消費者人通過互聯(lián)網(wǎng)接觸到了各

種各樣的產(chǎn)品，人們不再是盲目消費，更多的品牌，樣式和價位的產(chǎn)品出現(xiàn)在

消費者的眼中，大多數(shù)消費者對手表的需求不僅僅是看時間，更是要求手表的

外觀和顏值，也考慮店鋪的裝修和定位，而一個店鋪想要貼合消費者，首先需

要確定受眾群體，通過受眾群體的層次，分析店鋪裝修的風(fēng)格和寶貝風(fēng)格，才

能更好的貼合消費者。

2.1店鋪視覺營銷定位分析

ZealSincere官方旗艦店經(jīng)營的產(chǎn)品主要是以機械表為主。而使用機械表系

列產(chǎn)品的消費者大多為年輕人，而消費手表的群體主要有七類，第一類只是為

了看時間方便；第二類是為了讓自己更成熟些，第三類只是為了應(yīng)酬接待客戶

顯得正式，第四類是為了彰顯自己的實力，第五類是單純的喜歡手表，第六類

是常規(guī)的普通消費，第七類是為了炫耀或者凸顯自己與眾不同，大部分人群的

收入并不是太高，但品牌意識強烈，追求品牌類手表，而且有著良好的審美，

追求簡約大氣，因此價格并不是消費者唯一參考的因素，他們想要用簡約的機

械表產(chǎn)品來表現(xiàn)與眾不同的的高級感。因此，我們的店鋪的排版設(shè)計需要簡約

但不簡單，搭配高級的色彩，這種設(shè)計，能給消費者整齊、高貴但不高調(diào)、成

熟且活力的感覺。另外，以黃綠為點綴，樹立店鋪熱情且高級的風(fēng)格，對應(yīng)產(chǎn)

品本身的簡約設(shè)計，讓顧客了解我們的品牌故事，增加品牌忠誠度。

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

我們店鋪主營的機械表產(chǎn)品，對一些人是日常生活和工作中需要使用的，

這就要求我們的產(chǎn)品價格和外觀以及一系列屬性定位不能脫離消費者。該店鋪

的產(chǎn)品的風(fēng)格是黑色系為主，主推產(chǎn)品是曜夜晚黑流金表，為了符合品牌形象，

4

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

加上活動促銷，該產(chǎn)品原價1599，活動秒殺價為1099，雙十二當天前2小時還

能再享9折，在品牌店類的手表中，產(chǎn)品的售價并不算高，并且店鋪的主要消

費群體為中高端消費者，超高顏值的外觀，簡約的設(shè)計舒適的佩戴體驗以及足

夠的優(yōu)惠力度，都體現(xiàn)著個性高端輕奢，不僅有男表還有女表，男表更多的是

簡約和大氣，而女表則是精致和高端，其中男女搭配的情侶表，不僅僅贈送禮

盒，還有折扣，通過提供促銷力度來提升消費者的客單價。

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

由于店鋪主營的是機械表產(chǎn)品，而這類消費者大多數(shù)為職場，年輕人，有

一定的消費能力，學(xué)歷為高中及以上，主要在一二線城市工作。經(jīng)常使用淘寶天

貓等，并且沒有那么多時間去進行線下消費這一類產(chǎn)品。這類消費者追求個性，有著不

錯的鑒賞美的能力，品牌意識較強，追求品牌，以及外觀。大多為年輕人辦公

室職員，白領(lǐng)或商務(wù)人士。

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

針對受眾人群和產(chǎn)品風(fēng)格，我們的店鋪裝修的風(fēng)格也需要隨之配對。受眾

群體是年輕人，產(chǎn)品風(fēng)格簡約，因此我們的店鋪裝修需要從消費者的購買理由

出發(fā)，要吸引消費者，抓住消費者的信任，店鋪裝修的布局需要簡約明朗，讓

買家能夠一眼看清楚該模塊的主要內(nèi)容，這樣才能讓買家有耐心繼續(xù)瀏覽，增

加停留時間，煩亂的布局會讓買家產(chǎn)生厭惡心理，不利于買家了解產(chǎn)品和店鋪。

2.3店鋪色彩分析

色彩搭配，在店鋪的logo、首頁、詳情頁、主副圖的裝修設(shè)計過程中，極

其重要，在觀察了許多競爭對手店鋪、分析了它們的色彩搭配之后，定下了店

鋪的設(shè)計風(fēng)格，依舊是黑白灰為主色調(diào)，高端沉穩(wěn)成熟且不易出錯，搭配其他

彩色可以有不同的韻味，不同的區(qū)塊，根據(jù)模塊來搭配色彩，但還是以黑白灰

為主色，其他色彩點綴其間。低飽和度的色彩作為背景色，被單獨展示也不會

覺得刺眼，隨時隨地都有一種成熟的風(fēng)格。的它被單獨拿出來的時候也不會覺

得突兀，還能很好的作為隔絕色塊，形成獨立的單元。黑色在使用的過程中，

制作logo和店招時實用了黑色，進入店鋪之后，消費者第一眼看到的是首頁的

店招和logo，因此用黑色第一眼可以讓消費者有一種高級和簡約的感覺，并且

在制作海報和其他區(qū)塊時需要用到明亮的色彩時，有了黑色就不會讓整體畫面

丟失高級沉穩(wěn)的感覺，反而多了一些活潑和熱情。

5

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

3ZealSincere官方旗艦店鋪視覺設(shè)計

優(yōu)秀的視覺設(shè)計，需要有優(yōu)秀的排版和文案創(chuàng)作、色彩搭配。排版可以讓

消費者看起來舒適也能突出我們需要重點展示的區(qū)域，對比同行，獨特的排版

可以讓消費者眼前一亮更好的吸引他們的目光。文案可以對產(chǎn)品進行解釋說明

也可以在排版空缺地方進行裝飾，更能揭示買家的痛點刺激消費。好的色彩搭

配可以對畫面和消費者的心情進行影響，相同的產(chǎn)品搭配不同的顏色可以呈現(xiàn)

出不同的視覺效果。

3.1店鋪版式設(shè)計

好的板式設(shè)計可以給消費者清晰的呈現(xiàn)效果，合理運用圖形，色彩和文字

可以給消費者舒適的瀏覽體驗，充滿可讀性，增加瀏覽量和訪問深度，從而提

升支付轉(zhuǎn)化率，激發(fā)消費者的購買欲。

3.1.1首頁版式設(shè)計

第一部分介紹的是首頁的版式設(shè)計，打開pc端首頁時，映入眼簾的是logo

以及店招，導(dǎo)航條和海報。整體的背景色為白色，不同模塊的顏色不同，但仍

然實用明度和飽和度底的顏色來進行搭配，不脫離簡約的設(shè)計理念。Logo和店

招還是使用黑色，黑色有一種沉重感，當海報和活動模塊運用的色彩較亮?xí)r，

黑色可以很好的調(diào)和這些顏色，既有一種沉重感又有一種活力感，更加吸引眼

球，首頁的模塊主要有海報、活動專區(qū)和分類專區(qū)，可以很清楚的表現(xiàn)活動內(nèi)

容，呈現(xiàn)產(chǎn)品，更好的幫助客戶找到自己合適的專區(qū)產(chǎn)品，活動往往放在前列，

吸引消費者參與來增加熱度和訪客數(shù)，而主推產(chǎn)品是熱銷款，這些產(chǎn)品往往緊

跟其后優(yōu)先放在首頁前幾列，最后就是頁尾了，還是使用黑白色來前后呼應(yīng)，

不會脫離整體的色調(diào)。

ZealSincere官方旗艦店鋪首頁版式設(shè)計草圖如圖5。

6

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

圖5店鋪首頁版式設(shè)計草圖

7

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

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

產(chǎn)品1的詳情頁設(shè)計，是店鋪的主營產(chǎn)品之一——機械男表，海報的設(shè)計

采用人物展示圖配備一些文字的裝飾，更能清楚地展示佩戴效果，其次是產(chǎn)品

參數(shù)，背景色為白色，用黑色文字說明產(chǎn)品，黑白作為對比色給消費者一種清

楚的感覺，讓消費者明白手表的基礎(chǔ)數(shù)值，其次是產(chǎn)品賣點，運用左圖右文，

左文右圖的排版展示產(chǎn)品，并且說明賣點，其次是產(chǎn)品展示和產(chǎn)品細節(jié)，產(chǎn)品

展示和產(chǎn)品細節(jié)無需用太多文字說明，用純文字的展示更能夠清楚的表現(xiàn)產(chǎn)品

特色，并且有簡潔和高級的感覺。

產(chǎn)品詳情頁1版式設(shè)計草圖如圖6所示。

圖6產(chǎn)品1詳情頁版式設(shè)計草圖

8

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

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

產(chǎn)品2的詳情頁設(shè)計，是店鋪的主營產(chǎn)品之一——機械女表，在詳情頁中

映入眼簾的還是產(chǎn)品的穿戴效果圖海報，用真人模特來展示手表，一方面可以

顯示手表類主要的視覺穿戴效果，另一方面用真人模特也能顯示出一種高級感，

產(chǎn)品參數(shù)還是使用白色背景色，黑色為文案的色彩，簡潔的設(shè)計突出產(chǎn)品的數(shù)

據(jù)重點，讓消費者能一眼了解產(chǎn)品的主要屬性。產(chǎn)品的賣點使用和詳情頁1相

同的排版方式左圖右文和左文右圖，產(chǎn)品細節(jié)和產(chǎn)品展示還是直接使用純圖片

展示，更能直觀地展示產(chǎn)品的特色和局部外觀，店鋪內(nèi)的詳情頁排版基本保持

一直可以讓店鋪整體有一種整齊的感覺，產(chǎn)品參數(shù)、產(chǎn)品賣點，產(chǎn)品展示、產(chǎn)

品細節(jié)和買家須知都是獨立的模塊，方便消費者閱讀，呈現(xiàn)優(yōu)秀的視覺效果。

產(chǎn)品詳情頁2版式設(shè)計草圖如圖7所示。

圖7產(chǎn)品2詳情頁版式設(shè)計草圖

9

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

3.2店鋪文案策劃

文案是傳達產(chǎn)品特點的表現(xiàn)形式之一，優(yōu)秀的文案可以讓產(chǎn)品無形中增加

了一種信念，如果產(chǎn)品會說話那么文案就是它的言語，我們創(chuàng)造了文案，將產(chǎn)

品整體用各種語言表現(xiàn)出來，將消費者的痛點，產(chǎn)品的賣點提煉出來，滿足消

費者的需求，加以配對結(jié)合，引導(dǎo)消費者去選擇合適的產(chǎn)品，需要的產(chǎn)品，好

的產(chǎn)品。

3.2.1首頁文案策劃

ZealSincere官方旗艦店新店開張，利用新店瀏覽的優(yōu)勢以及天貓店鋪自帶

的信賴感，快速增加忠實客戶，店鋪首頁是一個店鋪的門面，店鋪訪客數(shù)是店

鋪的活躍的關(guān)鍵，并且在活動期間，為了增加店鋪活躍數(shù)，“簽到領(lǐng)無門檻券”

這幾個字需要重點突出讓消費者一眼能夠觀察到，并且在下面用橙色特地標注

了活動時間，能夠讓消費者了解活動內(nèi)容，增加該時期的活動熱度和人氣。

在店招這一塊，除了標識了logo，還用logo制作了店招背景，給店鋪增加了迎面

而來的高級感，能夠讓消費者一下子記住我們店鋪的logo，logo設(shè)計時實用了店鋪名稱的

首字母，ZealSincere，首字母為zs實用該字母設(shè)計不僅有一種高級簡約感，還能

讓消費者很好地記住我們的店鋪logo。

當pc端進入店鋪首頁時，映入眼簾的不僅僅是店鋪的logo和店招，還有占

大頭的海報，我們的品牌故事主要核心觀念為對生活的熱情并且真誠的態(tài)度，因

此海報不僅僅需要高級感，還需要增加彩色來顯示活力，我們實用白色為底色，

黃色和綠色做漸變，主體為熱銷手表并且居中，一級標題主要突出節(jié)日消息，

“淘寶雙12狂歡”，右上角為日期2023年，提示活動年份并且起到裝飾作用，

實用英文單詞居中虛化，可以防止海報空缺，“新品發(fā)布”提醒消費者有新品

上新，可以給新品起到宣傳作用，作為高級感的體現(xiàn)，海報不需要有過多的說

明性文案，適當?shù)恼f明可以對消費者加以引導(dǎo)，并且起到簡約的作用。

分類導(dǎo)航除去首頁之后有七大模塊，每一個都明確的標注了該類目的主要內(nèi)

容，方便消費者了解店鋪的主要產(chǎn)品?；顒訉^(qū)中的簽到領(lǐng)取無門檻和9折限時

秒殺專區(qū)字體較大，能夠很好的吸引消費者的目光并且參與活動，并且還標識了

其他活動，跨店滿減和新品優(yōu)惠能夠讓消費者一眼能夠觀察到。

活動區(qū)下是熱銷專區(qū)主要用圖片展示，用少數(shù)文案展示熱銷排名“TOP-1，

TOP-2，TOP-3”展示了熱銷款的排名也起到點綴作用，底色用灰色做背景色，

直接放上黑色的文字和價格，明朗的視覺效果，“點擊進入”可以幫助消費者進

10

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

一步點擊了解。雙十二淘寶節(jié)設(shè)置了男款專區(qū)和女款專區(qū)，可以更好的讓消費者

方便點擊了解。

“返回頂部讓消費者意識到已經(jīng)到底部了，如果滿意，可以重新“返回頂

部”，瀏覽之前中意的商品，“全部寶貝”“按銷量”“按人氣”“按價格”可以讓消費

者直接按照標準篩選瀏覽。

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

產(chǎn)品的佩戴情景海報的文案非常簡約只有l(wèi)ogo加上英文，主要是起到裝飾

作用，并且讓消費者進一步加深logo印象。該產(chǎn)品的參數(shù)是由工廠描述的參數(shù)，

是手表最基本的需要告知消費者的消息，也是產(chǎn)品的基本賣點，使用營銷文案

營造出產(chǎn)品優(yōu)越的品質(zhì)，“日本精工時間模塊運動”通過對日本工匠精神的潛

意識認為該國的產(chǎn)品較優(yōu)質(zhì)；“拒絕二手貨”強調(diào)我們的產(chǎn)品是全新的，非他

人使用過“高密度箱，A級袋”“優(yōu)質(zhì)皮革”表明產(chǎn)品用料扎實，不會輕易有質(zhì)

量問題，佩戴較舒適，“防水深度:3BAR”，防水也是手表的一大賣點，在佩戴

過程中難免會有水漬濺到，因此表明防水值能夠讓消費者更加認為該產(chǎn)品的優(yōu)

越性。首先我們使用專業(yè)的術(shù)語闡述手表的特性，然后再是使用大白話來描述

產(chǎn)品的賣點。其中產(chǎn)品賣點有“精致羅盤設(shè)計簡約大氣”，再配上產(chǎn)品的局部

圖，展現(xiàn)出產(chǎn)品的設(shè)計感滿足了為了外觀追求手表的消費者，“輕更舒適表盤

厚度0.59cm”顯示出手表的輕薄程度，符合長期佩戴手表的商務(wù)人士，“網(wǎng)帶

編制果險和防水透氣”顯示出了手表舒適的佩戴體感，適合長期佩戴，經(jīng)典系

列展示了該系列的全部款式的手表，能夠讓消費者一目了然更好的選擇自己心

怡的款式。

其次是產(chǎn)品展示和產(chǎn)品細節(jié)圖，能夠讓消費者更好地看清產(chǎn)品的外觀和佩

戴效果，“買家須知”包含了支付問題、售后問題和物流問題等一系列消費體

驗，能夠給消費者安心的保障，促進消費者下單，提升支付轉(zhuǎn)化率，也進一步

減輕售后壓力。

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

產(chǎn)品的佩戴情景海報的文案仍然非常簡約，只有點綴的英文，由于海報色

彩較豐富和明亮，因此我們的海報文案不能使用過多的文字，而且需要使用白

色來搭配調(diào)和，起到畫龍點睛的作用。產(chǎn)品的外觀參數(shù)是生產(chǎn)廠家所測量的數(shù)

據(jù)，較為準確與實際測量相差不大，右上角為產(chǎn)品的編碼主要為了區(qū)分各個產(chǎn)

品而設(shè)置，是獨一無二的，放在右上角也有裝飾的作用，我們店鋪的產(chǎn)品參數(shù)

11

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

的營銷文案都是統(tǒng)一風(fēng)格，優(yōu)越的品質(zhì)，“日本精工時間模塊運動”“拒絕二

手貨”“高密度箱，A級袋”“優(yōu)質(zhì)皮革”“防水深度:3BAR”，還是使用專

業(yè)的術(shù)語闡述手表的特性，然后再是使用大白話來描述產(chǎn)品的賣點。

其中產(chǎn)品賣點有“漸變綠光設(shè)計，多色可選表盤細膩簡約多元設(shè)計”，是

對產(chǎn)品的外觀進行描述，主要顯示了產(chǎn)品精美的外觀更適合女性，“歐洲牛皮

表帶，堅韌防水細致做工不開線高級工藝”表現(xiàn)出了手表扎實的質(zhì)量和舒適的

佩戴體驗，滿足了一些女性對品質(zhì)的追求，“纖薄尺寸6.9mm表殼厚度，匠心

打造輕奢質(zhì)感細節(jié)無可挑剔”突出了產(chǎn)品輕薄的特性，長期佩戴不會勞累厚重。

其次仍舊是產(chǎn)品展示和產(chǎn)品細節(jié)圖，能夠讓消費者更好地看清產(chǎn)品的外觀

和佩戴效果，采用和產(chǎn)品1一致的文案，“買家須知”也包含了支付問題、售

后問題和物流問題等一系列消費體驗，能夠給消費者安心的保障，促進消費者

下單，提升支付轉(zhuǎn)化率，也進一步減輕售后壓力。

4ZealSincere官方旗艦店鋪視覺效果制作

了解了店鋪的概況、定位、風(fēng)格、版式和文案后，是店鋪的首頁效果圖，

和2個產(chǎn)品的詳情頁效果圖，以及效果圖是如何構(gòu)思制作的。

4.1店鋪首頁效果圖制作

對首頁的裝修就是優(yōu)化消費者的店鋪瀏覽體驗，讓消費者能夠了解店鋪的

產(chǎn)品，明確哪些是熱銷品，以及宣傳的活動，幫助消費者從產(chǎn)品中找到合適自

己的產(chǎn)品，我們在設(shè)計店鋪首頁裝修的時候需要明確產(chǎn)品的風(fēng)格與其符合，明

確觀眾的喜好。

4.1.1店招設(shè)計過程

店招能夠很好的展示店鋪的形象，將消費者和產(chǎn)品聯(lián)系起來，是消費者的

第一印象，店招能夠初步體現(xiàn)出產(chǎn)品的風(fēng)格，因此店招具有非常重要的作用，

將店招和logo完美的結(jié)合起來能夠讓消費者有良好的第一印象。我們店鋪的主

要風(fēng)格為高級大氣感，并且為歐式簡約風(fēng)格，所以主色調(diào)為黑白灰色，店招的

背景色為黑色，彰顯出一種神秘感，店鋪的logo不按照常規(guī)放在左側(cè)而是直接

將它放大，使用灰色填充，旋轉(zhuǎn)微調(diào)作為店招的背景，既能讓消費者清楚地觀

察到，又不會將logo名稱遮擋住，logo名稱為店鋪的首字母縮寫，放置在中心

將消費者的焦點聚集起來，在logo下面增加英文PRECISELASTING，中文名為

精確的，一方面可以裝飾logo，一方面又暗示店鋪的手表走位精確，品質(zhì)優(yōu)秀。

12

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

導(dǎo)航條和店招的顏色同樣使用了黑色，顏色匹配能夠讓畫面更加協(xié)調(diào)，文

字還是使用白色，和黑色搭配更加的醒目，簡短的文案能夠讓消費者一下子理

解找到自己所感興趣的產(chǎn)品，使用阿里巴巴普惠體不僅效果美觀，而且不會有

侵權(quán)的風(fēng)險。

ZealSincere官方旗艦店店招設(shè)計效果圖如圖8所示。

圖8店鋪店招設(shè)計效果圖

4.1.2海報制作過程

海報能夠讓消費者更好地了解店家的意圖，反過來說，為了讓消費者明白

我們店鋪的節(jié)日活動，我們使用了海報來凸顯活動，好的海報能夠讓更多消費

者所接受，并且我們把主推產(chǎn)品放在了海報的正中央，消費者一眼就能看到該

產(chǎn)品，進一步增加了產(chǎn)品的曝光，海報的底色用白色，左上角和右上角用綠色

和黃色漸變裝飾，增加了整體畫面的色彩和明度，有一種活力感又不失高級感。

“淘寶雙12狂歡”展示了活動主題，“LOREXCEP，BRITWISH”使用虛化放

在“淘寶雙12狂歡”的上下，解決了該文案該部分的空白問題，不會讓消費者

有一種空缺的感覺，其他英文字母等圖形都用作裝飾畫面。

ZealSincere官方旗艦店首頁海報設(shè)計效果圖如圖9所示。

圖9店鋪首頁海報設(shè)計效果圖

13

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

4.1.3其他區(qū)域制作

其他模塊則分為活動促銷模塊，商品分類模塊、產(chǎn)品熱銷模塊、頁尾返回

頂部模塊。

首先是活動模塊，整體使用灰色作為背景色，部分區(qū)域使用黑色和橙色，

文案則用白色，部分需要強調(diào)的文案使用橙色填充白色描邊，讓畫面看起來高

級簡約，放大了“12.12簽到領(lǐng)無門檻券”只需要簽到就可以領(lǐng)取無門檻，還用

橙色填充數(shù)字50白色描邊，能讓消費者一眼看到活動的力度，積極參與到活動

中來，用橙色圖形作為活動時間的背景色，可以一下子吸引消費者的注意力，

讓消費者明白活動時間，起到了強調(diào)作用，對活動的進一步說明用白色的文案

和黑色的背景，反差的顏色簡潔且有閱讀性。

然后是新款熱銷專區(qū)，展示了熱銷的產(chǎn)品，沒有過多的文字解釋，直接放

置產(chǎn)品用于展示，方便買家了解熱銷款，產(chǎn)品分區(qū)將手表分為男款專區(qū)和女款

專區(qū)，不同的消費者可以根據(jù)自己的需求選購，最后是頁尾區(qū)，在消費者瀏覽

到底部時可以根據(jù)消費者下一步的操作輔助其返回頂部，或者進一步瀏覽店鋪

產(chǎn)品。

ZealSincere官方旗艦店首頁其他區(qū)域設(shè)計效果圖如圖10所示。

14

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

圖10店鋪首頁其他區(qū)域設(shè)計效果圖

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

產(chǎn)品詳情頁1介紹的是男表中的熱銷款之一，主要內(nèi)容有：產(chǎn)品情景海報、產(chǎn)品

賣點、產(chǎn)品信息、產(chǎn)品展示、細節(jié)展示、支付與配送信息、售后信息等。

4.2.1主副圖效果圖

首先介紹主圖的設(shè)計。主圖作為產(chǎn)品展示中，最先展示給消費者欣賞的圖

15

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

片，在網(wǎng)站搜索頁中，很大程度上決定了顧客對這件商品是否具有吸引力。主

圖既要展示賣點。

首先展示的是產(chǎn)品的主圖，主圖具有著無比重要的作用，它影響著產(chǎn)品的

點擊率和轉(zhuǎn)化率，在搜索流量中好的主圖可以吸引消費者點擊，只有擁有了訪

客數(shù)，產(chǎn)品才能入池，平臺提供進一步展現(xiàn)。

主圖的促銷標簽制作用金色文案和黑色搭配，既美觀又高級，用金色填充

秒殺價可以讓消費者一眼看到優(yōu)惠后的金額，還有“限時2小時，再享9折”

主圖頂部居中增加了店鋪的logo，讓買家加深印象，同時將產(chǎn)品放在偏左側(cè)，

賣點放在右側(cè)，買家既可以看到產(chǎn)品，又能看到產(chǎn)品的一部分賣點，并且還有

入會禮金，可以增加店鋪粉絲量，手表下的臺子和背景分格陰影增加了畫面的

層次感。產(chǎn)品1主圖設(shè)計效果圖如圖11所示。

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

接下來是產(chǎn)品1副圖的設(shè)計，兩幅圖為灰色背景圖，沒有過多的文案，直接

放置產(chǎn)品，然后加以英文修飾，副圖1放置了該產(chǎn)品的正面圖以及2種不同顏

色的產(chǎn)品，并且用英文裝飾，中間圖上下文字，擺放美觀，排版整齊。副圖2放

置了店鋪logo重點展示了主圖款手表以及手表側(cè)面，為了手表展示更加有立體感，使用

陰影，為了彌補空缺部分，使用英文字段填充。副圖3為了展示佩戴效果，使用了左

文右圖的排列方式，標題用字母應(yīng)用斜體，沒有過多說明的文案，整體顯示出

輕奢、高端大氣簡約的畫風(fēng)。產(chǎn)品1副圖設(shè)計效果圖如圖12所示。

16

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

圖12產(chǎn)品1副圖設(shè)計效果圖

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

對于產(chǎn)品詳情頁，主要包括產(chǎn)品情景海報、產(chǎn)品賣點、產(chǎn)品信息、產(chǎn)品展示、

細節(jié)展示、支付與配送信息、售后信息等內(nèi)容。消費者在下拉時，第一眼看到的就

是產(chǎn)品情景海報，因此情景海報需要抓住消費者的眼球，我們使用了產(chǎn)品佩戴場

景圖作為背景，將logo放置海報頂部，logo是由Z和S結(jié)合設(shè)計的，新穎且簡

約，海報的整體色調(diào)偏藍色，因此用藍色做正片疊底裝飾，并且增加英文，起

到裝飾的作用。

產(chǎn)品信息為左圖右文，左邊放上產(chǎn)品圖方便消費者觀看，右邊則是一系列的參數(shù)

17

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

供消費者閱讀，詳情頁使用白色作為底色使用黑色填充文字方便消費者瀏覽，提升瀏

覽體驗，產(chǎn)品細節(jié)展示區(qū)也是使用上文下圖，文字使用黑色簡約明朗，圖片則是田字

排版，四張圖排列整齊，充分展示了細節(jié)，四張圖并沒有緊緊挨在一起，而是留有一

些背景色空隙，這是為了避免四張圖邊緣混淆，四張圖整體畫面較暗，放在一起容易

看不清楚，留出間隙提升買家觀察體驗。

產(chǎn)品的賣點也是使用左文右圖和左圖右文的方法展示，圖片為展示賣點的產(chǎn)品局

部圖，方便買家將賣點和產(chǎn)品聯(lián)系，賣點的展示使用了白色填充加陰影效果，文字清

楚并且有黑色形狀和白色序號文字標明賣點，各個賣點用灰色隔開進一步提升畫面的

簡潔高端感。

最后支付與配送信息、售后信息等內(nèi)容，用場景圖作為背景，加上了白色區(qū)

塊，拉低透明度，既可以顯示出其中的支付與配送信息、售后信息，還能看到

背景圖，并且加上店鋪logo，加深消費者對logo的印象。

產(chǎn)品1詳情頁設(shè)計效果圖如圖13所示。

18

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

圖13產(chǎn)品1詳情頁效果圖

19

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

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

產(chǎn)品詳情頁1介紹的是女表中的熱銷款之一，主要內(nèi)容有：產(chǎn)品情景海報、產(chǎn)品

賣點、產(chǎn)品信息、產(chǎn)品展示、細節(jié)展示、支付與配送信息、售后信息等。

4.3.1主副圖效果圖

首先是主圖的設(shè)計。和產(chǎn)品1的主圖類似，為了保持店鋪風(fēng)格，樹立店鋪的

設(shè)計文化，首先介紹主圖的設(shè)計。

為了保證店鋪整體風(fēng)格一致，突出店鋪特色，仍然是跟產(chǎn)品1主圖相似。

主圖的促銷標簽制作也使用金色文案和黑色搭配，既美觀又高級，店鋪中的產(chǎn)

品大部分參與了活動因此促銷標簽必須統(tǒng)一風(fēng)格，不同的風(fēng)格會讓消費者產(chǎn)生

一種不是同一個活動的錯覺，并且雜亂的感覺。頂部的logo是區(qū)分其他競品的

主要因素，整體是金黃色的一個色調(diào)，高貴的主圖往往可以吸引有類似需求的

消費者。產(chǎn)品2主圖設(shè)計設(shè)計效果圖如圖14所示。

圖14產(chǎn)品2主圖設(shè)計效果圖

接著是女表產(chǎn)品2的副圖設(shè)計，兩幅圖是灰底圖，還有一張是場景圖，且有

店鋪logo。副圖也是和產(chǎn)品1保持了一直的排版和風(fēng)格，副圖1放置了該產(chǎn)品的

正面圖以及同一個系列2種不同顏色款式的產(chǎn)品，并且用英文進行裝飾，副圖2

20

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

放置了店鋪logo，且展示了主圖款手表以及手表側(cè)面，使用英文字段填充和陰影效果。

副圖3為了展示佩戴效果，使用了左文右圖的排列方式展示。

產(chǎn)品2副圖設(shè)計效果圖如圖15所示。