首页/百家讲堂/明乐诚网站剖析

明乐诚网站剖析

一、网站架构如下:

网站主架构(主导航):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(www.anethic.com)

明乐诚网站剖析

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

明乐诚网站剖析

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

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

明乐诚网站剖析

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

明乐诚网站剖析

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

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

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