電子商務首頁設計

1、電商網(wǎng)站首頁設計網(wǎng)站首頁是一個站點的門面，還也是一些主要內(nèi)容的調(diào)集出現(xiàn)地。產(chǎn)物司理、運營司理、UE設計師、UI設計師往往會共同努力完成，并且凡間花在首頁上的心血最多。當然電子商務網(wǎng)站更不破例，下面剖析一下電子商務網(wǎng)站的首頁：首頁的效果：假如說電子商務網(wǎng)站中首頁并不是“最主要的”，你信嗎？電商內(nèi)行們普通花氣力最大的是產(chǎn)物具體頁，由于具體頁能帶來直接的購置轉(zhuǎn)化，是整個電商網(wǎng)站的魂魄。電子商務站點中，產(chǎn)物具體頁才是真正的LandingPage。首頁的一項主要目的就是把流量合理的分派進入具體頁，指導用戶找到適宜的商品，并但愿他們最終在具體頁中成交。我們把這個效果稱之為指導分流效果。別的，首頁還擔負著品

2、牌形象的重擔。誠信是消費者的第一目標，具有一票否決權，這個定律在線上線下任何買賣中都合用，包羅紅十字會捐錢。具體頁把產(chǎn)物賣點提煉的再好，把產(chǎn)物圖片設計的再誘人，要想發(fā)生成交，前提是樹立在用戶對你平臺的承認和信賴上。我們把這個效果稱之為信賴展現(xiàn)效果。什么人看首頁：首頁用戶可以分為兩種：有目標性的和無目標性的，用“淘”和“逛”這兩個字眼描述似乎愈加形象。喜好“淘”的人，至少會清晰本人大致需求什么樣的器械，比方：比來生涯無聊、需求釋下班作壓力，所以想買一本比擬影響的偵察小說看。而尚有一些人清晰的曉得本人需求產(chǎn)物的名字和型號。喜好“逛”的人也是我們的天主，由于他們往往是對平臺發(fā)生了信賴才會常來逛逛的，

3、并且這局部人往往對網(wǎng)購情有獨鐘，沒有任何教育本錢。哪些產(chǎn)物元素是需要的：一個最粗線條的產(chǎn)物設計思想模子：起首思索為什么做（目標）？然后是做什么（定位）？最終才到怎樣做（辦法）？上面的兩段剖析，我們曉得了電子商務首頁為什么做？下面來聊聊做什么的問題，那些器械是必不成少的。頭部形象：包羅貴站的Logo、告白語、效勞保證條目、7*24小時的效勞承諾等等。這些都起到了展現(xiàn)品牌形象的義務，經(jīng)過一系列的組合，要讓用戶從感知，到喜好，再到承受和信賴。可托的平臺是一切成交的基石。檢索：檢索是商城必不成少的元素。它是那些目的明白用戶的信息獲取方法，比方上面提到的我要給太太買福爾摩斯探案全集的工作，購物目的明白，

4、不肯意多糜費工夫，找一個靠譜的商城直接檢索，有則買下，沒有立即叉失落頁面走人（比價之類的是另一碼事兒，因人而異的）。品類建立：也叫“類目規(guī)劃”或“商品分類”等等，就是從大類別到小類別進行梳理，最終把一切觸及到的商品悉數(shù)歸結進去的任務。從用戶體驗層面講，起首規(guī)劃和梳理分類不要超越三個級別；其非必須契合群眾的認知知識，做到絕大大都人經(jīng)過明晰地分類，可以疾速找到想要的一類商品。商品分類最合適那些能大致描繪出本人需求什么的用戶，比方上述阿誰想買一本比擬影響的偵察小說的例子。經(jīng)過類目可以很好的找到偵察小說的產(chǎn)物調(diào)集頁或列表頁，然后用戶可以從一切偵察小說的列表中再進行具體選擇和比擬。引薦及運動：關于逛的用

5、戶來說，我們需求用引薦商品和運動促銷的方法讓她們在首頁盡快對某個產(chǎn)物感興致，并點擊進入LandingPage。引薦和運動往往占有首頁最大的面積，由于隨意逛逛的用戶目的不明白，所以需求更激烈的感官影響才干激起他們購物興致。亞馬遜不斷是這方面的指導者，他們創(chuàng)造的算法技能，可以依據(jù)你的各類行為揣測出你能夠喜好或需求的商品，一切都是由系統(tǒng)完成，并且精確率很高，不信可以細心逛逛杰出的網(wǎng)站。當然，對大多電子商務公司尤其是垂直電商，在沒有海量商品數(shù)據(jù)的狀況下，我愈加建議以運營人員主導，用“人肉工程”的方法完成這義務。當然，一個電商網(wǎng)站首頁遠遠不止這些功用，甚至有一些需求產(chǎn)物司理連系本身優(yōu)勢和用戶需求來立異，

6、產(chǎn)出一些“人無我有”的亮點功用。讓客戶一“見”鐘情的首頁設計首頁：讓購買來得更瘋狂些店鋪首頁不僅體現(xiàn)著消費定位和商家實力，同時還承載著分流和導流的重要作用，不同的客戶群關注點也不同，因此，前三屏的設計顯得尤為重要。 我們把客戶大致分為4種：新客戶、老客戶、有目標的客戶和沒有目標的客戶，那么，這4種客戶通常都對優(yōu)惠信息感興趣。 所以，店鋪促銷海報應該放在第一屏最醒目的位置，內(nèi)容最好能包含促銷主題和時限、原價、現(xiàn)價、立省多少等信息。接下來，應該設置分類導航和熱詞搜索來進行分流，可以按照客戶的消費訴求和搜索習慣來進行分類，比如：按商品品類、功用、價格、使用場景等潛在消費需求來劃分，以便新老客戶都能最

7、快的找到自己的消費目標，引導他們進入下一級的商品列表。在商品陳列時，可以在視覺設計上通過改變文字的大小、顏色、字體等方式來突出賣點，有針對性的向新老客戶推薦店鋪爆款。新客戶通常比較關心熱銷程度，因此，針對此類客戶的商品圖片上要突出呈現(xiàn)成交數(shù)量，而老客戶往往更關心折扣力度，所以，針對此類客戶的商品圖片應該突出呈現(xiàn)的是優(yōu)惠價格。如果我們推薦的產(chǎn)品針對的是新客戶和老客戶這兩大消費群體，就要在視覺設計上同時強化銷量和折扣這兩個信息，迎合他們的興趣點，引導其瀏覽頁面。使顧客感覺店內(nèi)商品豐富會有利于延長停留時間，能有效提高店鋪轉(zhuǎn)化率。對于消費者而言，“商品豐富”的概念并非是指單品陳列數(shù)量越多越好，而是指顧

8、客打算購買的、具有同等使用用途、價格的商品數(shù)量的多少，例如：同樣的連衣裙，價位在100150之間的款式有15種。如果商品之間的價格差距太大，那么客戶在挑選商品時不僅失去了可以比較的對象，還增大了購買風險，容易出現(xiàn)跳失。因此，在一個狹窄的價格區(qū)間以內(nèi)，陳列一些在品牌、款式、功能等方面可橫向比較的商品，并把成為比較對象的商品就近陳列，更容易推動客戶做出購買決策。當客戶瀏覽到頁面底部時，我們要通過視覺設計給他們留出一條返回的路徑，這種設計叫“環(huán)形瀏覽”，這樣的設計可以在一定程度上消滅視覺盲區(qū)，形成二次過濾分流，為商家爭取到更多的轉(zhuǎn)化機會。獨立商城網(wǎng)站設計的五個黃金原則獨立商城網(wǎng)站，很多人都把主要精力

9、放在美工上，最后網(wǎng)站確實做的非常漂亮，但是最后的轉(zhuǎn)換率卻不是很理想。如何努力打造一個既看起來美觀，用戶使用起來又方便，轉(zhuǎn)化率高的獨立商城呢，下面為大家分享五個原則：原則一：簡化購買流程據(jù)統(tǒng)計，有超過30%的客戶會因為下訂單、付款等環(huán)節(jié)的麻煩而放棄購物。商品的購買流程是獨立商城最重要的流程之一，對轉(zhuǎn)化率更是有至關重要的作用。亞馬遜特地對此做了深入的研究，甚至專門為自己的購買業(yè)務流程設計申請了專利。購買流程的設計一定要簡單，邏輯上要清晰明了，減少跳轉(zhuǎn)次數(shù)，盡可能在一個頁面上完成所有流程。比如亞馬遜的購買流程，只要客戶設置好必要的信息后，可以直接在產(chǎn)品頁面點擊“一鍵購買”就完成了整個流程，系統(tǒng)后臺會

10、自動對不同的上合并訂單，自然給客戶帶來了很大的方便。原則二：加快頁面加載速度很多商城希望在首頁布局FLASH、圖片等元素，把整個商城裝修的美輪美奐。但是這樣會大大降低網(wǎng)頁加載的速度，如果一個首頁打開都要幾秒鐘，可能會起到反效果的作用?？蛻魧ι坛穷惥W(wǎng)站打開速度的容忍度是非常低的，這方面也是商城在設計的時候要非常重視的問題。建議，網(wǎng)站盡量減少FLASH、大圖片等吃流量的元素，對圖片的大小做出嚴格的規(guī)定，同時采用網(wǎng)頁壓縮、圖片后加載等技術加快網(wǎng)頁加載的速度。原則三：產(chǎn)品導航設計優(yōu)化亞馬遜、京東等大商城的產(chǎn)品導航設計的是相當講究的，不管用戶在網(wǎng)站的哪個頁面，基本上都可以在1，2步內(nèi)就到達自己想要的商品類別甚至商品頁面。這樣會大大提高客戶使用的友好度，減少客戶購買產(chǎn)品的精力成本。相反，很多小網(wǎng)站的產(chǎn)品導航設計的相當混亂，邏輯不清楚，客戶甚至不知道自己想要買的產(chǎn)品在哪個分類，很可能就放棄此次購物了。原則四：加大組合銷售力度商城一定要有組合銷售功能，使用戶在購買某個產(chǎn)品的時候，自動向其推薦相關配套產(chǎn)品，給出打包的優(yōu)惠價。根據(jù)以往操作的一個實際案例，就簡單的加了一個組合推薦產(chǎn)品銷售系統(tǒng)，整個商城當月的營業(yè)額就提高