客户之前的站因为有几年了,觉得功能和设计上都有些过于简单,决定重新改版。客户的要求很明确,要功能齐全,大气美观,而且要有利于优化。经过前期沟通,结事客户产品的自身属性,网站还是延用原来的蓝色主色调。网站总体还是按照上中下的结构来划分。 头部: 因为还有其他小语种,所以右上角有语言选择。产品和产品分类都比较多,相对于普通企业站来讲,搜索栏占据的位置较大,而且还添加了产品分类的选择提高客户体验度 中间部分: 中间部分又细分成了几个版块,考虑到产品分类比较多,左侧部分列举了大部分产品分类信息,方便客户快速找到相对应的产品,右侧是banner图和部分热销的产品。 除了产品的展示外,还有对公司实力,公司产品和工厂车间的介绍模块,方便客户详细了解公司情况。 底部: 底部主要是常规的集团介绍,产品快速导航和帮助模块,还有重要的联系我们版块,因为客户要求重点突出联系我们,所以这一版块用了蓝色的背景和其他版块区分开来,一目了然。 和老站相比,新站更加大气,信息更全面,能让客户快速对公司有所了解,快速找到想要的产品,体验上有很大提升。 这是老站: [...]
2017年03月17日
2014年05月30日
外贸包包企业网站设计
第一次做包包类的外贸企业网站,刚拿到需求的时候以为是按照企业网站的风格来做,后来和客户沟通之后才清楚客户想要的效果。网站整体上是购物站的风格,但是不能下单购买,不用显示产品的价格,和多数的企业站还是有很大的区别的。这个客户的要求很明确,每个页面都有自己的要求,不过做之前都说得很清楚,所以做起来还是很顺利的! 效果图: 网站有购物网站有的产品筛选功能,首页还是以产品展示为主,通过选项卡把客户不同分类下的展品都在首页展现出来了!
2012年11月30日
产品展示型网站–特效3
产品展示型网站 顾名思义就是指网站产品的展示,这个是此网站的重中之重,下面我以下图来做以说明吧 此产品的展示用到的效果如下: 1.大的展示图片的放大镜效果 2.产品图片缩略图的效果 3.图片点击放大的效果 4.大的图片点击可以查看上一张下一张 5.在图片的上方大家可以看到右一个现实隐藏产品分类的位置,此效果特别的人性化,当你在 查看此产品的时候,你也可以查看其它的分类,用户体验非常好 6.产品的左侧和右侧也用到了上一个产品下一个产品的效果,此效果的着力点在于,顾客可以完成流畅式的浏览体验。 [...]
产品展示型网站–特效2
外贸产品展示型网站–特效2 网站内部介绍信息的滚动连接(如图所示): 此产品展示型网站 很多地方都用到了这种图片的滚动效果(如图所示): 所以在制作的过程中应该要分清楚每一个效果在js中所用到的id或者class ,这里我是在class后面加数字来做一个区分的,js代码如下: <script type=”text/javascript”> $(document).ready(function(){ $(“.galleryPics2″).jCarouselLite({ [...]
产品展示型网站–特效1
最近做了一个外贸产品展示型网站,其中里面有很多很多的特效在里面,下面我们来看一下特效1 : 此效果为鼠标经过图片的特定角落显示此位置的说明。效果简单新意,内容丰富,很容易抓住顾客的眼球。 简洁代码如下: <script type=”text/javascript”> //=点击展开关闭效果= function openShutManager(oTargetObj){ var [...]