《線上店鋪裝飾設(shè)計與制作》課件-線上店鋪首頁設(shè)計

電商首頁設(shè)計講解學(xué)習(xí)目標(biāo)

TargetA\熟悉首頁的作用B\熟悉PC端首頁框架布局C\尺寸頁面布局D\設(shè)計要點A\熟悉首頁的作用網(wǎng)店首頁介紹網(wǎng)店首頁是一個醒目且關(guān)鍵的部位，首頁視覺設(shè)計的好壞能在一定程度上影響消費者是否下單購買，首頁也是決定網(wǎng)店整體風(fēng)格的重要一環(huán)。首頁是商家向消費者展示商品的載體，它相當(dāng)于實體店鋪的門面，門面的裝修直接影響商品的價值呈現(xiàn)。1、首頁的作用。一、提高消費者對網(wǎng)店的信任度

精心設(shè)計裝修的網(wǎng)店首頁，它呈現(xiàn)給消費者的是官方的、品牌感十足的、高品質(zhì)的網(wǎng)店形象在不知不覺中提高了消費者對網(wǎng)店的信任。設(shè)計優(yōu)秀的網(wǎng)店首頁會增加消費者的頁面停留時間。二、傳達網(wǎng)店活動信息

網(wǎng)店首頁是網(wǎng)店信息量最大、最集中的地方，消費者了解商品往往是從網(wǎng)店的首頁開始的。下圖所示的網(wǎng)店首頁在第一屏中把網(wǎng)店的618促銷活動信息傳達給消費者再通過文案提高網(wǎng)店的轉(zhuǎn)化率。三、傳達品牌形象

網(wǎng)店首頁可以把網(wǎng)店的風(fēng)格、品牌、經(jīng)營理念和文化等信息準確地傳達給消費者，這些都會為網(wǎng)店的形象加分，有利于網(wǎng)店品牌的形成。下面所示為某品牌網(wǎng)店的首頁起到了傳達品牌形象的作用。四、增強網(wǎng)店誘惑力

消費者在進入網(wǎng)店后，第一眼看到的就是網(wǎng)店首頁。這時，消費者對網(wǎng)店中銷售的商品還不了解，對商品的質(zhì)量也無法評定，而一個設(shè)計精美的首頁就可以給消費者留下美好的第一印象，從而使消費者對品牌和商品產(chǎn)生好感。B\熟悉PC端首頁框架布局首頁的布局從上到下可以分為頁頭、主體和頁尾三個部分。頁頭由網(wǎng)店招牌和導(dǎo)航模塊構(gòu)成，位置在頁面的最上方;主體由圖片輪播、客服中心、商品分類、促銷活動區(qū)商品展示區(qū)等模塊構(gòu)成，其布局可以靈活調(diào)整;頁尾由自定義內(nèi)容模塊構(gòu)成，一般為分類導(dǎo)航及售后服務(wù)等，位于頁面底部。網(wǎng)店的框架就像商場的布局，消費者進入商場先看到什么、后看到什么必須有邏輯符合瀏覽習(xí)慣。進行網(wǎng)店頁面裝修時，應(yīng)首先對網(wǎng)店的整體頁面進行布局。頁面布局要有條理和層次感，應(yīng)盡可能采取簡單、層次分明的結(jié)構(gòu)，以便消費者瀏覽商品。PC端首頁框架布局判斷一個網(wǎng)店首頁的設(shè)計是否合規(guī)，可以從首頁跳失率、首頁點擊率、首頁人均點擊次數(shù)和首頁平均停留時間4個指標(biāo)來評價。1、首頁跳失率

首頁跳失率是指消費者通過某種渠道進入網(wǎng)店后，只訪問了首頁一個頁面就離開的訪問次數(shù)占該入口總訪問次數(shù)的比例，它是衡量被訪問首頁質(zhì)量的一個重要因素。

例如，在訪問網(wǎng)店的100個人中，有80個人看了網(wǎng)店首頁一個頁面就跳出，意味著該頁面的跳失率為80%。電商運營者需要隨時觀察網(wǎng)店的各項數(shù)據(jù)，并根據(jù)數(shù)據(jù)變化情況對頁面進行優(yōu)化與調(diào)整。2、首頁點擊率

首頁點擊率是商品在首頁展現(xiàn)后的被點擊比例，首頁點擊率=首頁點擊量首頁展現(xiàn)量。從首頁點擊率可以看出網(wǎng)店推廣的商品是否吸引人。首頁點擊率越高，說明商品對消費者的吸引力越強;首頁點擊率越低，說明商品對消費者的吸引力越差，這時就需要對網(wǎng)店首頁進行優(yōu)化。影響點擊率的重要因素有圖片、銷量和價格，如果商品有著吸引人的圖片，較高的銷量及較低的價格，就可以有效增加點擊率。判斷一個網(wǎng)店首頁的設(shè)計是否合規(guī)，可以從首頁跳失率、首頁點擊率、首頁人均點擊次數(shù)和首頁平均停留時間4個指標(biāo)來評價。首頁人均點擊次數(shù)

首頁人均點擊次數(shù)是指在一段時間內(nèi)人均點擊了多少次網(wǎng)店首頁。假設(shè)某日點擊某網(wǎng)店的訪問者數(shù)量為150人，在此期間點擊本網(wǎng)店首頁的總訪問數(shù)量為600次，那么首頁人均點擊次數(shù)為:600次15人=4次/人。首頁人均點擊次數(shù)可以用來測試訪客黏度，如果首頁的客戶體驗做得很差，訪客進入首頁后，找不到自己想要的商品，訪客自然就會馬上離開。因此，運營者要根據(jù)首頁人均點擊次數(shù)來優(yōu)化網(wǎng)店首頁整體的導(dǎo)航，美化商品圖片，這對留住訪客非常重要。判斷一個網(wǎng)店首頁的設(shè)計是否合規(guī)，可以從首頁跳失率、首頁點擊率、首頁人均點擊次數(shù)和首頁平均停留時間4個指標(biāo)來評價。首頁平均停留時間

首頁平均停留時間:訪問網(wǎng)店首頁的所有訪客總的停留時長訪客數(shù)。和首頁人均點擊次數(shù)一樣，首頁平均停留時間也可以用來判斷一個網(wǎng)店首頁是否能留住訪客。

行業(yè)性質(zhì)的不同導(dǎo)致每個行業(yè)的訪客在網(wǎng)店中停留的時間差異很大。在進行分析時，可以以一段時間內(nèi)訪客在網(wǎng)店首頁的平均停留時間為基數(shù)，記錄下這段時間的銷售量。以后再拿新數(shù)據(jù)做對比，就知道隨著平均停留時間變化，銷量是提高了還是下降了。一般情況下，訪客平均停留時間越長，說明網(wǎng)店的留客工作做得越到位。判斷一個網(wǎng)店首頁的設(shè)計是否合規(guī)，可以從首頁跳失率、首頁點擊率、首頁人均點擊次數(shù)和首頁平均停留時間4個指標(biāo)來評價。C\頁面尺寸1、基本框架規(guī)范:寬1920px*高度不限(PC端);寬1200px*高度不限(無線端)。內(nèi)容:店招、導(dǎo)航、banner、產(chǎn)品類目、產(chǎn)品、收藏本店關(guān)注微信關(guān)注手機端、頁腳。2、首頁尺寸(以PC端為例)1、店鋪首頁尺寸:寬1920px*高度不限2、店招尺寸:淘寶店，尺寸1920X120，

注:主要內(nèi)容展示區(qū)域950X120

天貓旗艦店，尺寸1920X120，注:主要內(nèi)容展示區(qū)域990X12033、導(dǎo)航尺寸:淘寶C店，尺寸1920X30，

注:主要內(nèi)容展示區(qū)域950X30

天貓旗艦店，尺寸1920X30，

注:主要內(nèi)容展示區(qū)域

990X3044、海報尺寸:輪播海報1920寬

高度不限

建議在550左右基本框架3、頁面分類（1）常規(guī)頁面（2）日常使用的頁面（3）活動頁面（4）大促頁面:618、雙11、雙12、年貨節(jié)等（5）專題頁面:母親節(jié)、父親節(jié)、情人節(jié)等以節(jié)日為主制作的頁面，品牌故事，品牌性質(zhì)的一個發(fā)展的一個詳細的一個描述或者情感的描述。4、設(shè)計要點（1）導(dǎo)航:文字不要太大14個字號左右，文字較小不要使用宋體。（2）海報:海報的風(fēng)格顏色將會主導(dǎo)整個版面的風(fēng)格，在做之前一定要分析好。（3）圖標(biāo):圖標(biāo)大小