[心得] 網站設計分享
有圖好讀版 http://blog.yam.com/killydeer/article/16602344
從六月份開始就一直在籌備新網站上線的事情,
所以一直沒有時間發表一些近期的作品,
現在終於有時間囉~應該是說難得的星期五下午,偷得浮生半日閒呀~
Now 就跟我的好朋友們一起分享這陣子做的成果唄
>>網站改版,與降低網站使用難度
這是改版前的網站,說真的不只是圖檔很大,首頁一開始就從資料庫裡
面拉出很多資訊,因此造成光開網頁就要花很長的時間。
所以此次網站改善的重點有兩個:1.縮短網站開啟時間 2.增加各種導覽
功能,讓網站容易search。
這是改版後的樣子
其實我等於重新做了,且規劃的重點還不只那兩個目的,以下參考:
1.我把上面的產品分類一一列出來,且無論客戶到哪一頁,上面的產品分類
永遠置頂,如此一來,客戶在這個類別採購完成後,可以隨時切換到別的類
別繼續採購。
2.首頁左邊的商品標籤列,當滑鼠移過去的時候,會展開出前幾個中類商品
別,讓客戶大概知道每一個類別裡面的商品大約涵蓋有哪些
3.中間我做了一個Search Bar,這個Search Bar 可以依大類搜尋,假如還不
能滿足的話,可以點選進階,就可以依照品牌、大中小類、價格…等將範圍
縮小搜尋
4.再來我用了最近新的手法,就是Yahoo帶頭的新作風,把廣告變成頁籤的
型式,可以在同個版為互做切換,這樣有個好處,可以避免整個頁面都是
活動Banner看起來很亂,右上角的的網站也是一樣我用廣告5輪播的方式呈
現廣告,一樣是節省版面,且讓畫面有些地方可以跳動,產生活潑的感覺。
5.促銷的方式我規劃了:新品上市、館長推薦、活動專區、本月強檔,
呈現的規則我就不另外多做贅述了,否則會講不完。
6.供應商廣告的區塊,我規劃了品牌專區,假如供應商願意出廣告費,
我們就會專案幫他們規劃一塊廣告區。另外,當客戶在搜尋商品的時候,
廣告商假如有買廣告,他們的商品前面也會出現一個「推薦」的字眼
7.置頂的那個Banner我讓他可以隨時變化,情人節出現愛心、週年慶出現
煙火、鬼月出現鬼……..@@開玩笑的>”<,反正目的就是要讓網站隨時都
有變化性的感覺,減少「膩」的感覺
8.再來推出超智慧情境採購,主要是讓客戶依照情境的方式來採買他們所
需的商品,例如他們要開會,不知道要買什麼東西,在這區我們會幫他們
列出所有開會所需商品,方便採購。而近期推出的則是 普渡拜拜的專案
9.再來是一些我們網站既有的功能,只是把版面變好看點而已。例如快速
採購、線上電子月刊、商品知識中心、最新消息。
10.關於耗材的搜尋區塊,因為每個客人他因為印表機型態不同,就需要
買專屬的墨水匣或者碳粉之類的,因此我特別規劃讓客戶可以依照「品牌」
、「印表機型號」、「耗材類別」去搜尋,並在搜尋之前露出耗材促銷廣告
,加強促銷功能。
11.首頁右邊的廣告區塊是固定的,無論你到哪裡,促銷Banner就會跟著客戶
到哪裡,加強促銷的功能
12.還有一些秘密的功能,這個不方便接露 I’m Sorry. 是商業機密
13.當然,因為才改版一個月,很多細節還不完善,正努力微調中,例如
頁面的美觀之類的~~~
14.當然當然,還有很多其他的小細節功能,但我懶,有機會再分享~~~
呼呼,沒想到寫到這邊就一堆了,下次再分享其他的,下台一鞠躬~
我們家網站
www.staples.com.tw
--
http://blog.webs-tv.net/killydeer
生活˙美食˙工作˙時報鷹~喲吼
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 219.81.16.58
→
08/11 09:47, , 1F
08/11 09:47, 1F
→
08/11 09:47, , 2F
08/11 09:47, 2F
Marketing 近期熱門文章
PTT職涯區 即時熱門文章
118
171