明乐诚网站剖析

一、网站架构如下：

网站主架构（主导航）：Product(产品页面)、Anethic（明乐诚介绍）、Applications(产品应用页面)、Cases(案例页面)。

上述主导航都有二级分类，首先Product子分类： LED LightSource、 LED LowBay/HighBay、 Solar Street Light、 Solar Power System， 其次Anethic子分类：Company、 News、 Careers、 Contact， 再次Applications子分类：Home & Countyard、Office Buildings、 Retail & Grocery、 Supermarkets、 Industrial & Warehouse、 Sport Facilities、 Street & Urban， 最后Cases子分类：Solar Lighting System、 Solar Power Station、 Indoor Lighting、 Outdoor Lighting。

二、网站内容效果介绍：

1、Home

导航（上图）：当鼠标移到对应的栏目上时，会显示对应的子栏目，这里我们看到子栏目菜单是横着排列的， 和以往的垂直排列有所不同，给人一种异样的视觉效果。

首页滚动Banner（上图）， 首先：当我们进入这个页面首先映入眼帘的是这张大图（banner），这张图几乎全展示了我们要推出的产品，让浏览者一进入网站就知道我们是卖什么的。这里有三张banner滚动切换展示。

其次：我们看到banner下方有四个标题和四张案例图，其实加起来是一组信息， 我们这里有三组，每一张banner对应一组。 这里也和以往只展示banner图片有所不同。 多组信息的展示可以让客户更便捷，明确的知道这个网站有没有自己想要的产品。一目了然。

窗口右边浮动联系菜单（上图）：进入页面默认只能看到Contact us那个蓝色的按钮，点击按钮会发现具体的联系菜单慢慢的向左边浮现出来。然后客户可以选择自认为快捷的联系方式联系买家。当然如果无意购买，再次点击按钮可以隐藏联系菜单。

产品内页产品图片展示区域（上图）: 这里大致和以往展示产品差不多，多张产品图轮播，但这里有个与众不同的地方（当我们点击上方红色区域‘1’、‘2’时会弹出一个白色的框，在这里可把自己的想说的信息直接发给买家。发家会在第一时间以电子邮件的形式收到你的信息）。

最后：由于这个网站所属者比较钟意一个大型网站，在我们花大精力去研究那个网站的每一个细节并用到这个网站上后。 终于演绎成现在的样子， 客户非常满意。

总结： 在设计师的精心设计下使整个网站感觉高端大气。也正是现在主流风格，再加上一些新技术效果（css3），相信会得到浏览者高度评价和认可。