在電商首頁(yè)的設(shè)計(jì)中，常會(huì)將頁(yè)面分拆成一個(gè)個(gè)模塊，做好之后再拼合成整個(gè)頁(yè)面，使首頁(yè)看起來(lái)層次分明、架構(gòu)明顯。首頁(yè)布局就是有目的的展示一些商品，并讓顧客能夠快速的找到商品，并完成電商形象的傳遞和營(yíng)銷(xiāo)的目的。

①形象展示。產(chǎn)品品牌是區(qū)別產(chǎn)品的重要標(biāo)志之一，當(dāng)顧客進(jìn)入首頁(yè)感受到這些差異并能夠與其他首頁(yè)有所區(qū)別，從而形成認(rèn)知上的區(qū)分和對(duì)品牌的信任感。

②商品搜索。顧客從某一款商品頁(yè)面進(jìn)入首頁(yè)時(shí)，意味著顧客可能有其他商品的消費(fèi)需求，當(dāng)顧客有明確的購(gòu)買(mǎi)目的時(shí)，首頁(yè)需要有搜索導(dǎo)購(gòu)功能，幫助顧客快速方便地找到所需的商品。

③推薦和活動(dòng)。當(dāng)顧客無(wú)明確購(gòu)買(mǎi)需求時(shí)，需要一些推薦和活動(dòng)來(lái)激發(fā)顧客的潛在購(gòu)買(mǎi)需求，例如：新商品的推薦、促銷(xiāo)打折、搭配減價(jià)。如果店鋪正在做這些活動(dòng)，就需要在首頁(yè)的明顯位置進(jìn)行展示，以吸引客戶(hù)下單。

要了解電商首頁(yè)的布局方式，首先要了解首頁(yè)上出現(xiàn)的圖像和問(wèn)題以及其作用和聯(lián)系，以下將著重分析首頁(yè)的功能性模塊：

■店招。其包含了店鋪商品、店鋪品牌、店鋪價(jià)位等重要信息。顧客通過(guò)搜索進(jìn)入產(chǎn)品詳情頁(yè)或者店鋪首頁(yè)，首頁(yè)看到的是店招，這對(duì)顧客是否選擇繼續(xù)瀏覽起到了一定的作用，在設(shè)計(jì)店招時(shí)要注意品牌定位、產(chǎn)品定位和價(jià)格信息三方面。

■標(biāo)志。品牌專(zhuān)營(yíng)店一般會(huì)沿用商品品牌標(biāo)志，或重新設(shè)計(jì)與品牌標(biāo)志相符的標(biāo)識(shí)，以達(dá)到達(dá)延續(xù)利用品牌效應(yīng)的效果。

■通欄。首頁(yè)并不能囊括所有內(nèi)容，而大部分信息是在自定義頁(yè)面進(jìn)行展示，通欄的作用是將這些自定義頁(yè)面用清晰明確的方式進(jìn)行介紹，通欄一般放在店招的下面，全部分類(lèi)、信用評(píng)價(jià)、會(huì)員制度、品牌故事是常用的通欄設(shè)計(jì)。

■導(dǎo)航。導(dǎo)航一般為方便顧客搜索商品而設(shè)置，主要分為隱形導(dǎo)航、半隱形導(dǎo)航和顯形導(dǎo)航。隱形導(dǎo)航一般以全店產(chǎn)品和所有類(lèi)目為標(biāo)題，當(dāng)鼠標(biāo)移動(dòng)到上面時(shí)才會(huì)顯示所有類(lèi)目，所占位置最小，不易被發(fā)現(xiàn);半隱形導(dǎo)航主要設(shè)置幾個(gè)主要的大類(lèi)標(biāo)題，鼠標(biāo)移動(dòng)到上面停滯后顯示細(xì)分類(lèi)目，比較容易被發(fā)現(xiàn);顯形導(dǎo)航一般出現(xiàn)在首頁(yè)底部區(qū)域，給予顧客全面的產(chǎn)品類(lèi)目提示對(duì)流量進(jìn)行分流和引導(dǎo)。

■分類(lèi)。分類(lèi)和導(dǎo)航的作用類(lèi)似，只是分類(lèi)的展現(xiàn)會(huì)在更多產(chǎn)品頁(yè)面的左側(cè)得到展示，而導(dǎo)航僅在首頁(yè)展示。分類(lèi)可以使用純文字，也可以使用圖文結(jié)合的方式劃分一級(jí)、二級(jí)欄目。

■活動(dòng)Banner。常見(jiàn)的活動(dòng)Banner有穿插型Banner，這種 Banner因?yàn)檎加妹娣e小，可以靈活的放在任意的位置，或者作為不同類(lèi)產(chǎn)品之間的穿插間隔，有活動(dòng)分流的作用。

■海報(bào)。海報(bào)也就是首頁(yè)中較大型活動(dòng)的展示，如果出現(xiàn)在首頁(yè)第一屏，一般稱(chēng)之為促銷(xiāo)圖、店鋪焦點(diǎn)圖等。海報(bào)的特點(diǎn)是占用面積較大、內(nèi)容豐富，一般當(dāng)做品牌展示、新品展示、活動(dòng)展示，還可以用作輪播形式循環(huán)播放。

■產(chǎn)品展示區(qū)。產(chǎn)品展示是將部分商品按照一定的順序和規(guī)則排列出來(lái)，商品展示的框架可以根據(jù)不同產(chǎn)品的大小和獨(dú)特的展示方式來(lái)設(shè)計(jì)。

■服務(wù)。為客戶(hù)提供方便的自助購(gòu)物，幫助和提供一定程度的售前和售后服務(wù)說(shuō)明，可以提高客戶(hù)的體驗(yàn)，減少客服的工作強(qiáng)度，減少客戶(hù)服務(wù)需求的等待周期。服務(wù)模塊放置在頁(yè)面的最底端，也有一定的引導(dǎo)目的，也會(huì)給顧客增加信息，增加信任感。

■推薦。推薦模塊主要完善首頁(yè)內(nèi)其他模塊未能展現(xiàn)的產(chǎn)品，也可以是推廣產(chǎn)品、增加預(yù)熱產(chǎn)品或者主推產(chǎn)品的展現(xiàn)，增加產(chǎn)品的展現(xiàn)。

■活動(dòng)展示。用活動(dòng)展示模塊來(lái)增加點(diǎn)擊量、提升轉(zhuǎn)化率，活動(dòng)模塊的展示方式直接影響銷(xiāo)售情況。

■客服在線。客服在線模塊是為了方便客戶(hù)在瀏覽過(guò)程中可以隨時(shí)有效可以得到解答與幫助。

■品牌。除了在首頁(yè)的頂端設(shè)置店招和標(biāo)志外，還需要有說(shuō)明品牌和表現(xiàn)品牌的地方，以便增加客戶(hù)對(duì)品牌的印象。

■收藏。收藏功能不僅僅局限于店招、導(dǎo)航、頁(yè)尾，只要考慮好結(jié)構(gòu)上的美觀，都可以添加收藏按鈕。

■返回。返回模塊是為方便客戶(hù)在瀏覽到頁(yè)尾時(shí)，能夠快速返首頁(yè)頭部重新瀏覽。

以上分析的首頁(yè)15個(gè)功能模塊是出現(xiàn)在大部分電商店鋪中的，但并不是每一個(gè)模塊都要出現(xiàn)在首頁(yè)上，也沒(méi)有絕對(duì)的表現(xiàn)順序。我們?cè)谠O(shè)計(jì)首頁(yè)時(shí)，需要根據(jù)產(chǎn)品類(lèi)目、產(chǎn)品列表、企業(yè)戰(zhàn)略以及營(yíng)銷(xiāo)策略的不同，對(duì)這些功能模塊進(jìn)行重新排列組合，同時(shí)要根據(jù)瀏覽數(shù)據(jù)對(duì)頁(yè)面布局做出動(dòng)態(tài)調(diào)整，以期達(dá)到最優(yōu)化的首頁(yè)布局。

首頁(yè)第一屏的設(shè)計(jì)上，要加強(qiáng)對(duì)品牌形象、LOGO、品牌產(chǎn)品優(yōu)勢(shì)、品牌服務(wù)優(yōu)勢(shì)、與同類(lèi)產(chǎn)品對(duì)比的優(yōu)勢(shì)等方面信息的傳達(dá)力度，同時(shí)需要加上主打產(chǎn)品的展示。注重誠(chéng)信和口碑的信息傳遞，以增加顧客的購(gòu)買(mǎi)信息，同時(shí)加以一定的促銷(xiāo)活動(dòng)信息推動(dòng)顧客嘗試下單。

促銷(xiāo)性首頁(yè)的特色是打折力度較大，促銷(xiāo)產(chǎn)品具有性?xún)r(jià)比，單品轉(zhuǎn)化率較高，單品庫(kù)存量充足。為了達(dá)到促銷(xiāo)效果，首頁(yè)第一屏的內(nèi)容基本圍繞促銷(xiāo)進(jìn)行，因此促銷(xiāo)模塊需要上移，并且進(jìn)行大量的堆砌，營(yíng)造熱賣(mài)的氣氛。此類(lèi)首頁(yè)要有明確的導(dǎo)航幫助顧客進(jìn)行查找商品，與明確的引導(dǎo)性產(chǎn)品海報(bào)、促銷(xiāo)海報(bào)引導(dǎo)客戶(hù)。

樂(lè)發(fā)網(wǎng)超市批發(fā)網(wǎng)提供超市貨源信息,超市采購(gòu)進(jìn)貨渠道。超市進(jìn)貨網(wǎng)提供成都食品批發(fā),日用百貨批發(fā)信息、微信淘寶網(wǎng)店超市采購(gòu)信息和超市加盟信息.打造國(guó)內(nèi)超市采購(gòu)商與批發(fā)市場(chǎng)供應(yīng)廠商搭建網(wǎng)上批發(fā)市場(chǎng)平臺(tái),是全國(guó)批發(fā)市場(chǎng)行業(yè)中電子商務(wù)權(quán)威性網(wǎng)站。

本文內(nèi)容整合網(wǎng)站：百度百科、知乎、淘寶平臺(tái)規(guī)則

本文來(lái)源： 電商首頁(yè)的模塊布局