美健网站分析

一、网站架构如下：

网站主架构（主导航）：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（上图）：这个地方主要介绍它的展示信息方式，左边是简短的文字介绍， 右边是四张滚动图片， 图片信息包括公司外貌、车间过道、车间内部展示。 这总共不多的图文让访问者对我们公司有了大致的印象。

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

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

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

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