有圖好讀版 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