有图好读版 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