HI 您好,歡迎來到巨人電商全國服務(wù)總部!
關(guān)注巨人電商微信客服
一鍵登錄我的賬戶,隨時(shí)查看您當(dāng)前位置 : 首頁 電商百科 淘寶店鋪首頁設(shè)計(jì)怎么做?如何讓店鋪更加出彩?
我們都知道,商家在開店之前,都會(huì)對(duì)店面進(jìn)行裝修,無論是線上店鋪還是線下店鋪。裝修得大氣精致的店鋪能給客人帶來好的購物體驗(yàn),提升商品轉(zhuǎn)化率。因此,很多商家特別注重店鋪首頁的設(shè)計(jì),那么,要怎么樣才能讓自己的店鋪首頁更加吸引人呢?
官方推薦平臺(tái)“排名無憂”助力商家快速提升手淘直播推薦、增粉、打榜、有效提升粉絲活躍度,增加商品曝光權(quán)重指數(shù),快速占據(jù)首頁位置,累計(jì)服務(wù)商家23萬多家,注冊入口限時(shí)開放注冊:http://zhuce.pmwy.com 點(diǎn)擊免費(fèi)試用。
招式一:點(diǎn)睛“第一屏”
先做個(gè)知識(shí)小貼士!這里的“第一屏”是指店鋪的首頁電腦視圖呈現(xiàn)給消費(fèi)者的第一屏幕,是在不需要滾動(dòng)條的前提下可觀看的瀏覽面積。接下來每滾動(dòng)一次鼠標(biāo)滑輪就是一屏,以此類推為“第二屏”、“第三屏”等。
話不多說回正題。首頁的第一屏就好比男女相親的第一印象,一定要抓住對(duì)方的心,這樣才有后續(xù)發(fā)展。首頁的第一屏包括的信息一般為:店招、導(dǎo)航欄和滾屏海報(bào)。
1、簡約不簡單的店招
店招,顧名思義就是店鋪的招牌,中的來說,店招信息不宜過多,要以品牌為主,然后結(jié)合店鋪的經(jīng)營類目,品牌調(diào)性,總體套色等幾個(gè)方面進(jìn)行設(shè)計(jì),這樣簡約但不簡單的店招就出來了!
2、清晰明了的導(dǎo)航欄
首頁的用途之一是把流量合理的分配給主推的頁面或商品頁面,引導(dǎo)用戶找到合適的產(chǎn)品,并希望他們最終產(chǎn)生訂單成交。導(dǎo)航、在首頁中的就是分類引導(dǎo)的作用。
常見的導(dǎo)航是根據(jù)出售產(chǎn)品的分類進(jìn)行,例如服裝類,以“外套、毛衣、寸衫、休閑褲......”為分類,而電器類,則會(huì)以電器的功能性,“電視劇、洗衣機(jī)、電冰箱”等分類。
值得注意的是在導(dǎo)航中。從左到右的前三個(gè)點(diǎn)擊是最強(qiáng)大的視覺中心,無論是從消費(fèi)者觀看習(xí)慣,還是從視覺一掃而過的時(shí)間上來說,消費(fèi)者看的最多的就是前三個(gè),并且根據(jù)熱力圖數(shù)據(jù)顯示,除首頁的點(diǎn)擊功能以外,導(dǎo)航欄的后三個(gè)點(diǎn)擊數(shù)值相對(duì)密集,這也就說,有必要把希望消費(fèi)者點(diǎn)擊的頁面鏈接放置在前三個(gè)導(dǎo)航信息內(nèi)。
如果三個(gè)不夠怎么辦?或許你有多于三個(gè)不想舍棄的頁面,想要展現(xiàn)給消費(fèi)者,那么,你可以嘗試使用一些小而精致的圖標(biāo)/標(biāo)簽/比較亮的顏色等等手段,和其他幾個(gè)導(dǎo)航信息做出區(qū)別,以此來引起消費(fèi)者的注意。
提醒!!!導(dǎo)航欄的信息盡量不要多于8個(gè)(包含首頁點(diǎn)擊功能)
3、呼之欲出的滾屏海報(bào)
滾屏海報(bào),是個(gè)視覺炸彈,眼前一亮的感覺有木有就靠它了!值得一提的是一般滾屏海報(bào)數(shù)量以3張為佳,在豐富內(nèi)容的同時(shí),又在消費(fèi)者閱讀新鮮感和視覺耐性的時(shí)間內(nèi)。過多的滾屏?xí)稚⑽Γ鸬竭m得其反的作用。如果實(shí)在活動(dòng)多,可以根據(jù)首頁的設(shè)置,放于下方某處。
招式二:絕技“第二屏”
看過了店招,導(dǎo)航和海報(bào),當(dāng)消費(fèi)者轉(zhuǎn)動(dòng)鼠標(biāo)滑輪滑向第二屏的時(shí)候,就到了“高手對(duì)招,各顯神通”的階段了。第二屏的信息一般為店鋪活動(dòng),或者是主推產(chǎn)品,這是個(gè)值得好好利用的位置。
也可以根據(jù)自身產(chǎn)品的特色,選擇多個(gè)活動(dòng)點(diǎn)進(jìn)行連環(huán)出擊,淡雅的色調(diào),不死板單一的畫面板塊排列,讓你的活動(dòng)內(nèi)容豐富多彩,讓消費(fèi)者找到自己關(guān)注的“熱點(diǎn)”。
小貼士:在第二屏進(jìn)行的產(chǎn)品推薦中,要對(duì)產(chǎn)品的賣點(diǎn)及功能做提煉,不能為了鋪貨而展示,單一的疊放,產(chǎn)品缺乏亮點(diǎn),反而大大浪費(fèi)了絕佳的展示機(jī)會(huì)。
招式三:琳瑯“第三屏”
當(dāng)消費(fèi)者看到第三屏的時(shí)候,這是個(gè)全面展示產(chǎn)品分類的好時(shí)機(jī)(但這塊內(nèi)容并不局限于第三屏,也有店鋪將它放在之后的位置,不強(qiáng)求,此處只是將這個(gè)板塊拿出來說一說)。
導(dǎo)航欄的目的是為了幾個(gè)重要的頁面,而這里,我們的目的是讓消費(fèi)者能夠通過分類進(jìn)行選擇類目查看,但是這個(gè)功能其實(shí)有利有弊,好處就是讓希望直接查看某分類的消費(fèi)者可以一擊即中,跳轉(zhuǎn)到重要的排序頁;壞處就是在這一板塊中就會(huì)直接將首頁的流量進(jìn)行分流導(dǎo)致首頁下半段的頁面流失率提升。
所以,這一塊的設(shè)置是根據(jù)各店的情況而論的,并不是一定需要存在的板塊。
分類不是單一的,不是約定俗成的,可以根據(jù)店鋪營銷的需求及自身產(chǎn)品的特色,進(jìn)行設(shè)計(jì)。可適時(shí)增加活動(dòng)去,收藏去,或在具體的產(chǎn)品展示中增加“手機(jī)專享價(jià)”的產(chǎn)品內(nèi)容,挑起消費(fèi)者的購買率。
招式四:勁爆“第四屏”
你以為當(dāng)產(chǎn)品分類展示結(jié)束后,首頁功能就此結(jié)束,頁面就戛然而止了?其實(shí)“后面的內(nèi)容更精彩”,那就是店主推薦,爆款,熱銷專區(qū)。
作為店鋪的“殺手锏”,這個(gè)板塊無論是從產(chǎn)品選擇,還是從顏色、排版、字體優(yōu)化等畫面設(shè)計(jì)方面,在遵循與店鋪整體風(fēng)格一致的基礎(chǔ)上,追求個(gè)性化展示,勁爆的產(chǎn)品信息及畫面設(shè)計(jì)會(huì)讓消費(fèi)者產(chǎn)生興趣。當(dāng)鼠標(biāo)點(diǎn)擊進(jìn)入詳情頁時(shí),促進(jìn)“買買買”的目的就成功一半拉!
小貼士:在挑選產(chǎn)品款式的時(shí)候,盡量選擇一些款式差異化的產(chǎn)品展示,對(duì)于價(jià)格上的差異化也是一樣。這樣的設(shè)計(jì)排列不會(huì)給消費(fèi)者帶來熱點(diǎn)產(chǎn)品單一化的錯(cuò)覺,同時(shí)也不會(huì)對(duì)消費(fèi)者造成購買的局限性。
招式五:靈活“第N屏”
其實(shí)在首頁中,有很多信息的展示是機(jī)動(dòng)性的,是根據(jù)整個(gè)首頁的版塊設(shè)置,畫面設(shè)計(jì)、頁面長度來控制的。比如“客服中心”,你可以設(shè)置在第五屏,也可以在靠前的版塊內(nèi),還有類似“手機(jī)店鋪收藏”等,結(jié)合上下版塊的內(nèi)容,融合設(shè)計(jì)。
另外,在設(shè)計(jì)上可以加入“自定義”版塊內(nèi)容,結(jié)合店鋪和產(chǎn)品特色的需要。比如“最新熱評(píng)”,在母嬰產(chǎn)品類店鋪內(nèi)比較常見,通過寶寶媽媽們的眾多評(píng)價(jià),讓消費(fèi)者對(duì)產(chǎn)品及品牌產(chǎn)生信賴感。
大家在設(shè)計(jì)店鋪首頁之前,可以先參考下同行的店鋪設(shè)計(jì),看看他們的風(fēng)格和優(yōu)勢,再結(jié)合自身的店鋪特征來設(shè)計(jì),一定要注意整體風(fēng)格要符合行業(yè)的特征。如果是新手賣家,可以先了解些淘寶店鋪首頁布局技巧哦。
推薦閱讀:
淘寶店鋪首頁全屏海報(bào)怎么做?雙層固定海報(bào)制作方法!
淘寶店鋪首頁制作怎么操作?怎么做規(guī)劃?
淘寶店鋪首頁怎么裝修?應(yīng)該要如何布局?