如何打造自己網(wǎng)店的品牌?精美的店招即頁(yè)頭有助于淘寶店鋪品牌的打造,給人耳目一新的感覺(jué)。如何制作店招頁(yè)頭開(kāi)店呢?下面詳細(xì)講給大家。
以來(lái)一直使用旺鋪標(biāo)準(zhǔn)版,每次設(shè)計(jì)都感覺(jué)不盡人意,為什么呢?版面定制很不靈活,尤其是最大是店招,因?yàn)橹荒苁褂孟到y(tǒng)內(nèi)置的那幾套模板加配合自己設(shè)計(jì)的背景圖,局限性真的很大。
很早知道有拓展版這個(gè)東西,因?yàn)槲业膽卸瑁蛼吡艘谎郏X(jué)得也沒(méi)啥區(qū)別就沒(méi)再關(guān)注了,直到今年五一,放假的閑情看了一個(gè)帖子,說(shuō)拓展版多了十四個(gè)功能。可以刪除店招,自定義模塊。一下子來(lái)精神了。看了介紹,感覺(jué)是我想要的,98一個(gè)月,馬上開(kāi)通一個(gè)月試試吧。
先看看我們?cè)O(shè)計(jì)的頁(yè)頭情況
是不是覺(jué)得很專(zhuān)業(yè),完全沒(méi)有淘寶網(wǎng)的感覺(jué),是一個(gè)獨(dú)立網(wǎng)站的感覺(jué)哈 呵呵 美呢!
這個(gè)是我們的LOGO
新版的頁(yè)頭對(duì)我們來(lái)說(shuō)
1.裝修更加自由,不再受掌柜檔案束縛,充分利用裝修空間放入自定義的內(nèi)容,從而大幅度的提升了店鋪形象,留住買(mǎi)家,提升買(mǎi)家忠誠(chéng)度,吸引買(mǎi)家停留更長(zhǎng)時(shí)間,帶來(lái)更高成交額
2.超便利的LOGO設(shè)計(jì)區(qū),更好地體現(xiàn)店鋪的品牌,使買(mǎi)家更容易記住店鋪
這里給大家推薦頁(yè)頭設(shè)計(jì)的兩個(gè)版本(一個(gè)是復(fù)雜的需要懂點(diǎn)代碼的 一個(gè)簡(jiǎn)單的誰(shuí)都合適哈)
復(fù)雜版頁(yè)頭是設(shè)計(jì)
首先就是刪除系統(tǒng)店招,創(chuàng)建一個(gè)自定義模塊,開(kāi)始設(shè)計(jì)自己的。花了一個(gè)通宵,后來(lái)修改了好幾遍,最后就是我現(xiàn)在用的版本了。再后來(lái)參加了旺鋪裝修比賽,店鋪得到了曝光,蠻多掌柜來(lái)咨詢?cè)趺醋觯@個(gè)問(wèn)題真的很難一兩句回答,我們的客服也不懂。想想就寫(xiě)個(gè)帖子和大家分享一下經(jīng)驗(yàn),獻(xiàn)丑了!
一,設(shè)計(jì)樣稿,基本在ps上面完成,這個(gè)就忽略過(guò)
二,所需軟件Photoshop+Flash+Dreamweaver
三,下面是最后的成品結(jié)構(gòu)圖
標(biāo)注處的3個(gè)圖標(biāo),加了高光效果,因?yàn)槿绻麤](méi)有動(dòng)態(tài)點(diǎn)的東西,看起來(lái)不夠吸引眼球
(下面那個(gè)“包郵專(zhuān)場(chǎng)”的點(diǎn)擊率奇高,之前是放其他的,我想應(yīng)該是那個(gè)轉(zhuǎn)圈是挺醒目的,數(shù)據(jù)來(lái)至“量子恒道統(tǒng)計(jì)”)
這3個(gè)圖標(biāo)是Flash在原設(shè)計(jì)稿上面加上高光漸變,保存swf轉(zhuǎn)換成gif。
最終效果和Flash基本無(wú)差。自己還算滿意
因?yàn)樘詫毑恢С稚蟼髯约旱膄lash,如果可以那有好多高手肯定能做的非常個(gè)性化,不過(guò)出于安全,淘寶還是屏蔽了,所以只能用這招了,最終效果一樣就可以
![]() |
||
![]() |
![]() |
![]() |
因?yàn)橹爸饕獜氖戮W(wǎng)頁(yè)前端設(shè)計(jì),所以整個(gè)頭部都是用css寫(xiě),用到了CSS Sprite(有興趣的掌柜可以去百度下)
大家會(huì)看到頭部除了上面3個(gè)小圖,就只有下面一張圖片,圖底部的“首頁(yè)女裝男裝童裝文具”+“本店積分查詢”就是用到剛才提的CSS Sprite,精確的把這些按鈕定位到底圖上。
現(xiàn)在很多掌柜做自定義頭部,都是ps切片,最后非常多的小圖,網(wǎng)友打開(kāi)店鋪的時(shí)候頭部菜單就像拼圖一樣,一塊一塊的慢慢顯示,網(wǎng)速太慢有些地方直接就缺口了,個(gè)人覺(jué)得很影響美觀和用戶體驗(yàn)的!
我就一張圖片,基本店招就2-3秒全部顯示,上面做的3個(gè)動(dòng)態(tài)圖標(biāo)屬于修飾,晚一點(diǎn)顯示不會(huì)影響到用戶使用菜單功能。
其實(shí)淘寶,支付寶的頭部也都是用CSS Sprite這種方法做的,所以還是推薦那些大賣(mài)家,流量高的使用我這個(gè)方法做!!
上面通過(guò)4張圖,基本全部搞定了,但是淘寶默認(rèn)是950寬的,大家知道很多商城,京東,新蛋,頭部都是隨瀏覽器最大化,自動(dòng)延伸的,所以我覺(jué)得給頭部加個(gè)左右無(wú)限延伸是比較有必要的,看起來(lái)頭部也飽滿一些!
下圖就介紹了使用旺鋪設(shè)置“頁(yè)頭背景”的功能
簡(jiǎn)易版?zhèn)€性頭部制作
上面的制作方法其實(shí)對(duì)新手還是有點(diǎn)難度的,不是所有人都有時(shí)間去學(xué)css,但是用Dreamweaver 的熱點(diǎn)功能,其實(shí)也可以做個(gè)靜態(tài)山寨的版本
一,ps設(shè)計(jì)個(gè)頭部,寬950哦!!高不要超過(guò)250!!推薦使用GIF格式,jpg會(huì)失真嚴(yán)重
二,打開(kāi)dw,插入設(shè)計(jì)好的頭部
三,點(diǎn)擊熱點(diǎn)工具,在菜單位置拖動(dòng)出連接位置,然后填上鏈接地址就ok啦
最后切換到代碼模式,<body>復(fù)制這里的代碼</body>
粘貼到頭部自定義模塊,記得也切換到代碼模式再貼哦
最最后注意!!!圖片鏈接要是圖片空間地址,推薦用淘寶圖片空間。一般都是本地做,圖片是在自己電腦的,如果沒(méi)注意,貼上去是大大的X
(這樣做出來(lái)的頭部有個(gè)bug,點(diǎn)擊鏈接不能新窗口打開(kāi),不過(guò)影響不大,這個(gè)速度還是不錯(cuò)的!!!)
之前我店鋪一直不放搜索欄,因?yàn)槟莻€(gè)搜索欄樣式不能自定義,放上去總覺(jué)得影響效果,自己有界面潔癖。知道會(huì)影響來(lái)店里的人使用,但是還是一直沒(méi)放,這次升級(jí)實(shí)在太好了,開(kāi)通了“搜本店”,完美解決了我沒(méi)有店內(nèi)搜索的煩惱。
不過(guò)還是建議下,旺鋪裝修,添加搜索模塊有自定義背景功能。這就可以做的界面靈活一點(diǎn)了。
還有拓展版可以自定一個(gè)230*70的logo,真的不錯(cuò),讓整個(gè)旺鋪更像那種獨(dú)立商城系統(tǒng)了!!!
做了這么多,會(huì)不會(huì)沒(méi)有一點(diǎn)用處??當(dāng)然不會(huì),以下是我店鋪的數(shù)據(jù),大家可以看看效果
我的總結(jié)和意見(jiàn),大家一定要看看
旺鋪拓展版這個(gè)東西別人有,你就得有,還得早點(diǎn)有,為什么?
一,現(xiàn)在用的人還不是鋪天蓋地,個(gè)性化的頭部可以和其他標(biāo)準(zhǔn)版的店鋪直接區(qū)分開(kāi)來(lái),好的設(shè)計(jì)給人眼前一亮。等到大家都用了,就沒(méi)優(yōu)勢(shì)了。
二,沒(méi)有設(shè)計(jì)能力可以請(qǐng)些專(zhuān)業(yè)設(shè)計(jì),淘寶上很多,費(fèi)用也不是很高,如果想一直開(kāi)淘寶店,甚至當(dāng)做事業(yè)來(lái)做,還是推薦開(kāi)通并真正用好它。
三,光好看的外表,沒(méi)實(shí)在的東西也是沒(méi)用的,但是已經(jīng)做好面子了,就已經(jīng)成功別人一步了,寶貝的標(biāo)題,個(gè)人認(rèn)為也是非常重要的,比如我做女裝,連衣裙的寶貝命名,我一般都是提取全網(wǎng)最高流量的前100,打印出來(lái),拿出筆,給100個(gè)熱門(mén)詞分類(lèi),分材質(zhì),顏色,風(fēng)格等等,最后將這些融入到自己的寶貝名。是不是又進(jìn)一步了。
四,就是開(kāi)直通車(chē)了,這東西費(fèi)錢(qián),不過(guò)開(kāi)了是有好處的,秉著不虧錢(qián)持續(xù)推廣的原則,前期堅(jiān)持了這幾個(gè)月,現(xiàn)在每天的自然流量有三分二以上,這些自然流量到底哪里來(lái)的,其實(shí)我的產(chǎn)品也沒(méi)有變多少,之前就300,400的自然流量。我想肯定是自己堅(jiān)持推廣,堅(jiān)持每天優(yōu)化得來(lái)的。所以新賣(mài)家,不要懶,只要能讓自己的店鋪進(jìn)步一點(diǎn)點(diǎn),就應(yīng)該去做,積少成多,滴水穿石嘛,祝各位掌柜生意興隆哦!!!
樂(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è)頭打造網(wǎng)店獨(dú)立品牌