首页/百家讲堂/美健网站分析

美健网站分析

一、网站架构如下:

网站主架构(主导航):Home(首页)、Products(产品页面)、Videos(视频)、About us(关于我们)、Contact us(联系页面)。

上述主导航中的Products还有二级分类, Products子分类: Paintballs、 Airsoft BB、Paint Accessories、 Marker Accessories、 Barrels、 Loader / Hopper、Mask、 Goggles、 Air Tank / Cylinder。

美健网站分析

二、网站部分效果介绍:

1、Home(http://www.megiopaintball.com/)

美健网站分析

悬浮导航(上图):看到这位置首先映入眼帘的是我们LOGO(1位置), 霸气的logo让客户瞬间知道当前网站(产品)的品牌。然后我们还可以看到我们的导航位置是透明的, 感觉它和背景融合在一起。 这样一个新颖的想法倍受客户的喜爱。 最后提一下:当我们鼠标向下滚动到一定位置时导航会改变样式,变成了一个小巧一点的导航, 这样在不影响这个页面展示的情况下,实现访问者随时可以切换页面。

美健网站分析

首页滚动Banner(上图),这里是两张可以切换的banner展示, 切换方式有自动和手动。在banner这里我们设计师花了很大心思,无论是整体风格还是细节调整。 没得说,客户很喜欢。值得提一点的是这个位置做了自适应,自适应原则:当浏览器窗口小于1600px时banner宽度会随着窗口大小改变而变化(并且不会变形), 当大于或者等于1600px时banner显示1600px。

美健网站分析

首页About MEGIO(上图):这个地方主要介绍它的展示信息方式,左边是简短的文字介绍, 右边是四张滚动图片, 图片信息包括公司外貌、车间过道、车间内部展示。 这总共不多的图文让访问者对我们公司有了大致的印象。

美健网站分析

首页装柜图(上图):这里展示的是产品包装后整装上车的信息, 这里亮点是图片展示的方式:当我们点击想要看的图片时它会放大并且替换现在最大图片的位置,然后之前的大图会移开,如果点的是大图则不会发生变化, 总你想要放大谁来看就点击谁。

美健网站分析

视频展示页面(上图): 我们进入视频页面首先进入我们视线的是一个大的背景图,背景图场景是战场, 这正好是我们产品(‘子弹’)消耗场地, 这样的设计让我们一看到这就会回想到战场中的场景,回想当时的奋不顾身, 回想当时的勇往直前。 如果你没有经历过那么也会激起你的向往。 如果我们在这里再展示几场激烈战斗视频, 那样效果会加倍。

不只在视频页面,在其他页面我们刚进去时也可以到类似的大背景图, 这样的大背景图花了我们设计师不少心血。 同时再经过技术精心对整个网站的排版、架构, 终于达到这样的效果, 我们的付出得到了客户的认可, 这就是对我们最大回报。

最后:整网站不仅在外观上做了很大努力,在内部优化方面也做的很到位, 具体细节方面就不一一列举了。