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